@font-face {
	font-weight: normal;
	font-style: normal
}

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25
}
.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-prev {
	left: -25px
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto
}
.slick-prev:before {
	content: '竊�'
}
[dir='rtl'] .slick-prev:before {
	content: '竊�'
}
.slick-next {
	right: -25px
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px
}
.slick-next:before {
	content: '竊�'
}
[dir='rtl'] .slick-next:before {
	content: '竊�'
}
.slick-slider {
	margin-bottom: 30px
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 0;
	line-height: 20px;
	position: absolute;
	top: 0px;
	left: 0;
	width: 20px;
	height: 20px;
	content: '';
	text-align: center;
	opacity: .25;
	-ms-filter: "alpha(opacity=25)";
	filter: alpha(opacity=25);
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-filter: "alpha(opacity=25)";
	filter: alpha(opacity=25);
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 10px
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=70);
	color: black
}
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}
.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir='rtl'] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
img {
	max-width: 100%;
	height: auto
}
.imgFullWidth {
	display: block;
	width: 100%;
	height: auto
}
a {
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}


@media only screen and (max-width: 767px) {
a:hover {
	opacity: 1
}
}
a:focus, a:visited {
	outline: none;
	color: inherit
}
a:-webkit-any-link {
color:inherit
}
a:visited, a:link {
	color: #0a0a0a
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: 0
}
table img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: 0
}
p {
	margin: 0;
	padding: 0;
	font-size: 100%
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
input, textarea {
	margin: 0;
	font-size: 100%;
	resize: none
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%
}
dl, dt, dd, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0
}
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	vertical-align: baseline;
	background: transparent
}
em {
	font-style: normal
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block
}
nav ul {
	list-style: none
}
html, body {
	overflow-x: hidden
}
html {
	font-size: 62.5%
}
body {
	width: 100%;
	color: #0a0a0a;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	letter-spacing: 0;
	font-size: 15px;
	height: 100%;
	word-break: break-all;
	overflow-x: hidden;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	padding-top: 86px
}

@media only screen and (max-width: 1060px) {
body {
	padding-top: 80px
}
}

@media only screen and (max-width: 767px) {
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	padding-top: 57px
}
}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@media only screen and (min-width: 768px) {
.sp {
	display: none !important
}
}

@media only screen and (max-width: 767px) {
.pc {
	display: none !important
}
}
.container {
	width: 100%;
	margin: 0 auto
}

.fnSourceSan {
	font-family: 'Source Sans Pro', sans-serif
}
.fnHelvetica {
	font-family: 'Helvetica', sans-serif
}
.disLink {
	pointer-events: none;
	cursor: default;
	opacity: 0.2
}
.txtLinkCom {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	text-indent: -9999px
}
.headCommonBox {
	padding: 0 15px 20px;
	margin-bottom: 45px;
	height: 183px
}

@media only screen and (max-width: 767px) {
.headCommonBox {
	height: auto;
	margin-bottom: 43px;
	padding: 0 15px;
	margin-top: 15px
}
}
.headCommonBox .innerBox {
	max-width: 1000px;
	margin: 0 auto;
	display: table;
	width: 100%;
	height: 100%
}

@media only screen and (max-width: 767px) {
.headCommonBox .innerBox {
	display: block
}
}
.headCommonBox .innerBox .ttlComomTop {
	display: table-cell;
	vertical-align: bottom;
	font-size: 15px
}
.headCommonBox .innerBox .ttlComomTop .ttlSub {
	font-size: 46px
}

@media only screen and (max-width: 767px) {
.headCommonBox .innerBox .ttlComomTop {
	font-size: 13px;
	display: block;
	margin-bottom: 20px
}
.headCommonBox .innerBox .ttlComomTop .ttlSub {
	font-size: 37px
}
}
.headCommonBox .innerBox .breadCrumb {
	display: table-cell;
	vertical-align: bottom;
	text-align: right
}

@media only screen and (max-width: 767px) {
.headCommonBox .innerBox .breadCrumb {
	display: block;
	width: 100%;
	text-align: left
}
}
.headCommonBox .innerBox .breadCrumb li {
	display: inline-block;
	font-size: 13px
}
.headCommonBox .innerBox .breadCrumb li a {
	display: block;
	position: relative;
	padding-right: 20px
}
.headCommonBox .innerBox .breadCrumb li a:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #0a0a0a;
	border-right: 1px solid #0a0a0a;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px
}
.headCommonBox .innerBox .breadCrumb li a.linkTop {
	background: url(../img/common/header/icon_1.svg) left 3px no-repeat;
	background-size: 13px 13px;
	padding-left: 20px
}
.headCommonBox .innerBox .breadCrumb li span {
	color: #b5b5b5
}
.wp-pagenavi {
	clear: both;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.wp-pagenavi span, .wp-pagenavi a {
	display: inline-block;
	margin: 0;
	color: #131018;
	text-align: center;
	font-size: 18px;
	width: 38px;
	height: 38px;
	vertical-align: middle;
	padding-top: 3px;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 4px;
	border: 1px solid #707070
}

@media only screen and (max-width: 350px) {
.wp-pagenavi span, .wp-pagenavi a {
	width: 32px;
	height: 32px;
	padding-top: 0
}
}
.wp-pagenavi span.current {
	background: #1971BC;
	color: #fff;
	border: 1px solid #1971BC
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #1971BC;
	color: #fff;
	opacity: 1;
	border: 1px solid #1971BC
}
.wp-pagenavi .pages {
	display: none
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .next, .wp-pagenavi .prev {
	width: 65px;
	border: 0;
	color: #131018;
	position: relative
}

@media only screen and (max-width: 767px) {
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .next, .wp-pagenavi .prev {
	font-size: 14px;
	width: 50px;
	padding-top: 7px
}
}

@media only screen and (max-width: 350px) {
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .next, .wp-pagenavi .prev {
	padding-top: 4px
}
}
.wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .next:hover, .wp-pagenavi .prev:hover {
	background: none;
	color: #131018;
	border: 0;
	opacity: 0.7
}
.wp-pagenavi .next:after, .wp-pagenavi .nextpostslink:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #1971BC;
	border-right: 1px solid #1971BC;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px
}
.wp-pagenavi .prev:before, .wp-pagenavi .previouspostslink:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #1971BC;
	border-right: 1px solid #1971BC;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin-top: -4px
}
 .main-img {
	position: relative;
	max-height: 326px;
    overflow: hidden;
}
 .main-img img{width:100%;}
 .main-img .text-box {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	margin=top:-40px;
	-webkit-transform: translate(0, -58%);
	-moz-transform: translate(0, -58%);
	-ms-transform: translate(0, -58%);
	-o-transform: translate(0, -58%);
	transform: translate(0, -58%)
}

@media only screen and (max-width: 767px) {
 .main-img .text-box {
	top: 50%;
	-webkit-transform: translate(0, -54%);
	-moz-transform: translate(0, -54%);
	-ms-transform: translate(0, -54%);
	-o-transform: translate(0, -54%);
	transform: translate(0, -54%)
}
}
 .main-img .text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}
 .main-img .text.eng {
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 200;
	line-height: 30px;
	letter-spacing: 0.25em
}

@media only screen and (max-width: 767px) {
 .main-img .text.eng {
	font-size: 20px;
	font-size: 2rem;
	line-height: 26px
}
}
 .main-img .text.jpn {
	font-size: 3rem;
	font-weight: 300;
	letter-spacing: 0.035em;
	line-height: 56px;
	margin-top: 15px
}
 .main-img .text.jpn .is-italic {
	font-style: italic
}

@media only screen and (max-width: 767px) {
 .main-img .text.jpn {
	font-size: 32px;
	font-size: 1.8rem;
	line-height: 54px!important;
	letter-spacing: 0.034em;
	margin-top: 0
}
}
 .page-sub-nav {
	width: 100%;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	text-align: center;
	margin-bottom: 73px
}

@media only screen and (max-width: 767px) {
 .page-sub-nav {
	text-align: left;
	margin-bottom: 48px
}
}
 .page-sub-nav li {
	display: inline-block;
	padding: 23px 18px 17px
}

@media only screen and (max-width: 1023px) {
 .page-sub-nav li {
	padding: 23px 30px 17px
}
}

@media only screen and (max-width: 767px) {
 .page-sub-nav li {
	padding: 20px 20px 16px;
	float: left;
	width: 50%;
	border-top: 1px dotted #D2D2D2
}
}
 .page-sub-nav a {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px;
	letter-spacing: 0.05em;
	display: inline-block;
	position: relative;
	padding: 0 15px
}
 .page-sub-nav a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	border-right: 1px solid #0A0A0A;
	border-bottom: 1px solid #0A0A0A;
	width: 7px;
	height: 7px;
	margin-top: -4px
}
 .main-container {
	max-width: 1200px;
	margin: 0 auto
}

@media only screen and (max-width: 1044px) {
 .main-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
 .main-container {
	width: 92%
}
}
.breadcrumb {
	position: absolute;
	top: 10px;
	left: 15px
}
.breadcrumb__list {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.breadcrumb__list li {
	float: left
}
.breadcrumb__list li:not(:first-child):before {
	content: ">";
	margin: 0 5px 0 10px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem
}
.breadcrumb__list a, .breadcrumb__list p {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem
}
.breadcrumb.sp {
	position: static;
	padding: 9px 4% 10px
}
.breadcrumb.sp .breadcrumb__list li:first-child {
	padding-right: 3px
}
.breadcrumb.sp .breadcrumb__list li:not(:first-child):before {
	margin: 0 5px;
	color: #656565
}
.breadcrumb.sp .breadcrumb__list a, .breadcrumb.sp .breadcrumb__list p {
	color: #656565
}
.footer {
	position: relative;
	padding: 80px 15px 60px;
	background: #0A0A0A
}
.footer .btnTop a {
	display: block
}

@media only screen and (min-width: 768px) {
.footer .btnTop a:hover {
	opacity: 1
}
.footer .btnTop a:hover img.hovered {
	visibility: visible;
	opacity: 1
}
.footer .btnTop a:hover img.not-hover {
	visibility: hidden;
	opacity: 0
}
}
.footer .btnTop img {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: absolute;
	top: -110px;
	right: 35px
}
.footer .btnTop img.hovered {
	visibility: hidden;
	opacity: 0
}

@media only screen and (max-width: 767px) {
.footer .btnTop img {
	width: 80px;
	height: 80px;
	left: 50%;
	right: auto;
	margin-left: -40px
}
}
.footer .logo {
	font-size: 0;
	margin-bottom: 115px
}
.footer .logo a {
	display: inline-block
}

@media only screen and (max-width: 767px) {
.footer .logo {
	margin-bottom: 20px;
	text-align: center
}
}

@media only screen and (max-width: 767px) {
.footer {
	padding: 50px 15px 40px
}
}
.footer .txtCopy {
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px
}

@media only screen and (max-width: 767px) {
.footer .txtCopy {
	text-align: center
}
}
.footer .innerBox {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.footer .innerBox .box {
	float: left;
	width: 29%;
	position: relative
}

@media only screen and (max-width: 767px) {
.footer .innerBox .box {
	float: none;
	width: 100%;
	margin-top: 55px
}
}
.footer .innerBox .listBox {
	float: left
}
.footer .innerBox .listBox a {
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 7px 0
}
.footer .innerBox .listBox a:hover {
	opacity:0.7;
}

@media only screen and (max-width: 767px) {
.footer .innerBox .listBox {
	float: none
}
.footer .innerBox .listBox li {
	padding: 0 15px;
	border-bottom: 1px solid #656565
}
.footer .innerBox .listBox li a {
	display: block;
	letter-spacing: 1px;
	color: #fff;
	position: relative;
	padding: 15px 0
}
.footer .innerBox .listBox li a:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 1px solid #868686;
	border-right: 1px solid #868686;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -6px
}
}
.footer .innerBox .box1 {
	width: 21.7%
}
.footer .innerBox .box2 {
	width: 30.1%
}
.footer .innerBox .box3 {
	width: 19.2%
}

@media only screen and (max-width: 767px) {
.footer .innerBox .box1, .footer .innerBox .box2, .footer .innerBox .box3 {
	width: 100%
}
}
.contactCommonBox {
	position: relative;
	padding: 55px 15px 75px;
	background: #3A7EA8;
	color: #fff
}

@media only screen and (max-width: 767px) {
.contactCommonBox {
	padding: 50px 15px 60px
}
}
.contactCommonBox .innerBox {
	max-width: 1200px;
	margin: 0 auto
}
.contactCommonBox .innerBox .ttl {
	letter-spacing: 2px;
	font-size: 32px;
	margin-bottom: 10px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.contactCommonBox .innerBox .ttl {
	font-size: 28px;
	letter-spacing: 0;
	line-height: 1.5;
	margin-bottom: 15px
}
}

@media only screen and (max-width: 340px) {
.contactCommonBox .innerBox .ttl {
	letter-spacing: -1px;
	font-size: 27px
}
}
.contactCommonBox .innerBox .txtMain {
	text-align: center;
	margin-bottom: 55px;
	letter-spacing: 1px;
	font-size: 18px
}

.contactCommonBox .innerBox .box {
	margin:20px 0 0;
}

@media only screen and (max-width: 767px) {
.contactCommonBox .innerBox .txtMain {
	font-size: 16px;
	margin-bottom: 30px
}
}
.contactCommonBox .leftBox {
	float: left;
	width: 51.48%;
	padding-right: 48px
}

@media only screen and (max-width: 960px) {
.contactCommonBox .leftBox {
	padding-right: 30px
}
}

@media only screen and (max-width: 767px) {
.contactCommonBox .leftBox {
	float: none;
	width: 100%;
	padding-right: 0;
	margin-bottom: 40px
}
}
.contactCommonBox .leftBox .telBox {
	float: left;
	pointer-events: none;
	display: block;
	width: 300px;
	color: #fff;
	margin-right: 35px
}

@media only screen and (max-width: 960px) {
.contactCommonBox .leftBox .telBox {
	margin-right: 20px
}
}

@media only screen and (max-width: 900px) {
.contactCommonBox .leftBox .telBox {
	float: none;
	margin: 0 auto;
	margin-bottom: 10px
}
}

@media only screen and (max-width: 767px) {
.contactCommonBox .leftBox .telBox {
	width: 100%;
	padding: 20px 15px;
	border: 1px solid #fff;
	margin-bottom: 15px;
	pointer-events: auto
}
}
.contactCommonBox .leftBox .telBox .txt1 {
	display: block;
	margin-bottom: 5px;
	position: relative;
	text-align: center
}
.contactCommonBox .leftBox .telBox .txt1 small {
	display: inline-block;
	padding: 0 10px;
	background: #3A7EA8;
	position: relative;
	line-height: 1
}
.contactCommonBox .leftBox .telBox .txt1:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0;
	top: 50%;
	background: #9FC9E3
}

@media only screen and (max-width: 767px) {
.contactCommonBox .leftBox .telBox .txt1 {
	max-width: 100%;
	margin: 0 auto 10px
}
}
.contactCommonBox .leftBox .telBox .txt2 {
	display: block;
	font-size: 35px;
	letter-spacing: 0.5px;
	line-height: 1;
	margin-bottom: 8px;
	background: url(../img/common/footer/icon_tel.svg) left center no-repeat;
	background-size: 30px 30px;
	padding-left: 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.contactCommonBox .leftBox .telBox .txt22{
	font-size: 30px;
}
@media only screen and (max-width: 767px) {
.contactCommonBox .leftBox .telBox .txt2 {
	max-width: 100%;
	margin: 0 auto 10px;
	font-size: 24px;
	padding: 5px 0 5px 40px;
}
}
.contactCommonBox .leftBox .telBox .txt3 {
	display: block;
	font-size: 12px;
	text-align: center
}
.contactCommonBox .leftBox .txtBox {
	background: #7AB1D3;
	text-align: center;
	font-size: 14px;
	color: #1C1C1C;
	padding: 7px 10px;
	overflow: hidden;
	margin-top: 5px
}

@media only screen and (max-width: 900px) {
.contactCommonBox .leftBox .txtBox {
	margin: 0 auto;
	max-width: 245px
}
}

@media only screen and (max-width: 767px) {
.contactCommonBox .leftBox .txtBox {
	max-width: 100%;
	width: 100%;
	font-size: 15px;
	padding: 10px
}
}
.contactCommonBox .rightBox {
	overflow: hidden;
	text-align: left;
	padding: 5px 0 5px 20px;
	border-left: 1px dashed #9FC9E3
}

@media only screen and (max-width: 960px) {
.contactCommonBox .rightBox {
	padding-left: 5px
}
}

@media only screen and (max-width: 900px) {
.contactCommonBox .rightBox {
	padding-left: 40px
}
}

@media only screen and (max-width: 767px) {
.contactCommonBox .rightBox {
	padding-left: 0;
	width: 100%;
	border-left: 0
}
}
.contactCommonBox .rightBox a {
	display: inline-block;
	margin-left: 10px;
	background: #fff;
	vertical-align: top;
	text-align: left;
	height: 82px;
	width: calc( 50% - 20px);
	font-size: 16px
}

@media only screen and (max-width: 900px) {
.contactCommonBox .rightBox a {
	display: block;
	margin: 0 auto;
	width: 245px
}
}

@media only screen and (max-width: 767px) {
.contactCommonBox .rightBox a {
	width: 100%;
	text-align: center;
	height: 75px;
	letter-spacing: 1px
}
}
.contactCommonBox .rightBox a span {
	display: block;
	position: relative
}
.contactCommonBox .rightBox a span:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #868686;
	border-right: 1px solid #868686;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -6px
}
.contactCommonBox .rightBox .btn1 {
	padding: 28px 15px 0 0;
	text-align: center
}

@media only screen and (max-width: 900px) {
.contactCommonBox .rightBox .btn1 {
	margin-bottom: 20px
}
}

@media only screen and (max-width: 767px) {
.contactCommonBox .rightBox .btn1 {
	padding: 25px 15px 0 0;
	margin-bottom: 15px
}
}
.contactCommonBox .rightBox .btn2 {
	padding: 15px 15px 0 0px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.contactCommonBox .rightBox .btn2 {
	padding: 25px 15px 25px 0;
	height:auto;
	text-align: center
}
}
header #mnf {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	padding: 0 0 1px 15px;
	width: 100%;
	z-index: 9
}
header #mnf .logo {
	max-width: 50%;
	font-size: 0;
	padding-top: 6px
}
header #mnf .logo a {
	display: inline-block
}
header #mnf .logo a img {
	display: block
}
header #mnf .btnInst {
	position: absolute;
	top: 15px;
	right: 60px
}
header #mnf .btnInst a, header #mnf .btnInst img {
	display: block
}
header #mnf .first_sp .btn_menu {
	width: 57px;
	text-align: center;
	top: 0;
	right: 0;
	position: fixed;
	z-index: 9999;
	height: 57px;
	background: #0A0A0A;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 19px 15px
}
header #mnf .first_sp .btn_menu.active span.lf {
	-webkit-transform-origin: 90%;
	-moz-transform-origin: 90%;
	-ms-transform-origin: 90%;
	transform-origin: 90%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}
header #mnf .first_sp .btn_menu.active span.ls {
	-webkit-transform: scale(.9) rotate(45deg);
	-moz-transform: scale(.9) rotate(45deg);
	-ms-transform: scale(.9) rotate(45deg);
	-o-transform: scale(.9) rotate(45deg);
	transform: scale(.9) rotate(45deg);
	background-color: #fff
}
header #mnf .first_sp .btn_menu.active span.lss {
	-webkit-transform: scale(.9) rotate(135deg);
	-moz-transform: scale(.9) rotate(135deg);
	-ms-transform: scale(.9) rotate(135deg);
	-o-transform: scale(.9) rotate(135deg);
	transform: scale(.9) rotate(135deg);
	background-color: #fff
}
header #mnf .first_sp .btn_menu.active span.lt {
	-webkit-transform-origin: 10%;
	-moz-transform-origin: 10%;
	-ms-transform-origin: 10%;
	transform-origin: 10%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}
header #mnf .first_sp .btn_menu.active label.cl {
	display: block
}
header #mnf .first_sp .btn_menu.active label.mn {
	display: none
}
header #mnf .first_sp .btn_menu span {
	width: 100%;
	height: 2px;
	display: block;
	background-color: #fff;
	line-height: 0;
	position: relative;
	margin: 0 auto 6px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}
header #mnf .first_sp .btn_menu span.lss {
	margin: -8px auto 7px
}
header #mnf .first_sp .btn_menu span.lf {
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}
header #mnf .first_sp .btn_menu span.lt {
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}
header #mnf .first_sp .btn_menu label {
	display: block;
	font-size: 8px;
	letter-spacing: 0.8px;
	color: #000;
	text-transform: uppercase;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
header #mnf .first_sp .btn_menu label.cl {
	display: none
}
header #mnf .over {
	position: fixed;
	left: 0;
	top: 55px;
	width: 20%;
	height: 100%;
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	-o-transform: translate(-100%);
	transform: translate(-100%)
}

@media only screen and (max-width: 390px) {
header #mnf .over {
	width: 24%
}
}
header #mnf .over.active {
	z-index: 99999;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0)
}
header #mnf .over.active::before {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
header #mnf .over.active::after {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}
header #mnf .second_sp {
	position: fixed;
	top: -120%;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(10,10,10,0.9);
	-webkit-transition: .9s;
	-moz-transition: .9s;
	-ms-transition: .9s;
	-o-transition: .9s;
	transition: .9s
}
header #mnf .second_sp.active {
	z-index: 9990;
	top: 0;
	visibility: visible;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0)
}
header #mnf .second_sp.active .inner .mainList {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0)
}
header #mnf .second_sp .inner {
	position: relative;
	overflow-y: auto;
	padding-top: 64px;
	padding-bottom: 70px
}
header #mnf .second_sp .inner .mainList {
	padding: 0 15px
}
header #mnf .second_sp .inner .mainList li {
	padding: 0 15px;
	border-bottom: 1px solid #656565
}
header #mnf .second_sp .inner .mainList li a {
	display: block;
	letter-spacing: 1px;
	color: #fff;
	position: relative;
	padding: 15px 0
}
@media only screen and (max-width: 767px) {
header #mnf .second_sp .inner .mainList li .listSub a {
	padding: 5px 15px
}
}
header #mnf .second_sp .inner .mainList li a:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 1px solid #868686;
	border-right: 1px solid #868686;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -6px
}

@media screen and (-webkit-max-device-pixel-ratio: 1) {
header #mnf .second_sp {
	height: 0
}
header #mnf .active {
	height: 100%
}
}
header .headerBox{
	margin:0 auto;
}
@media only screen and (max-width: 1060px) {
header .headerBox{
	width:100%;
}
}

header .headerBox .innerBox {

}
header .headerBox .innerBox .logo {
	float: left;
	width: 140px;
	font-size: 0;
	margin-top: 20px;
	margin-left: 30px
}
header .headerBox .innerBox .logo a, header .headerBox .innerBox .logo img {
	display: block
}
header .top-lang{float:right;margin:35px 30px 0;text-align:left;}
header .top-lang a{font-size:14px;color:#0a0a0a;margin:0 3px;display:inline-block;font-weight: bold;}
@media only screen and (max-width: 767px) {
  header .top-lang{float:left;margin:20px 0 0 15px;}
  header .top-lang a{font-size:13px;color:#0a0a0a;margin:0 5px 0 0;display:inline-block;}	
}
header .headerBox .innerBox .menuList {
	float: right;
	text-align: right;
	width: calc( 100% - 175px - 200px);
}
header .headerBox .innerBox .menuList li {
	display: inline-block;
	padding: 33px 45px 0px 0;
	height: 86px;
	vertical-align: middle;
	position: relative;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
header .headerBox .innerBox .menuList li a {
	font-weight: bold;
	position: relative;
	display: block;
	font-size: 16px
}

@media only screen and (max-width: 1060px) {
header .headerBox .innerBox .menuList li a {
	font-size: 15px
}
}
header .headerBox .innerBox .menuList li:last-child {
	padding-right: 50px
}

@media only screen and (max-width: 1060px) {
header .headerBox .innerBox .menuList li:last-child {
	padding-right: 30px
}
}

@media only screen and (max-width: 1024px) {
header .headerBox .innerBox .menuList li {
	padding-right: 25px
}
}

@media only screen and (max-width: 920px) {
header .headerBox .innerBox .menuList li {
	padding-right: 20px
}
header .headerBox .innerBox .menuList li a {
	font-size: 14px
}
}

@media only screen and (max-width: 840px) {
header .headerBox .innerBox .menuList li {
	padding-right: 13px
}
header .headerBox .innerBox .menuList li a {
	font-size: 13px
}
}
header .headerBox .innerBox .menuList li.btnHead {
	font-size: 0
}
header .headerBox .innerBox .menuList li.btnHead a {
	font-size: 0
}
header .headerBox .innerBox .subMenu .listSub {
	position: absolute;
	width: 160px;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	right: 0;
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em);
	z-index: -1;
	-webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	background: #0062B5;
	padding: 10px 0 15px
}
header .headerBox .innerBox .subMenu .listSub a {
	display: block;
	text-align: center;
	padding-top: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 37px
}

@media only screen and (max-width: 1024px) {
header .headerBox .innerBox .subMenu .listSub {
	width: 180px
}
}
header .headerBox .innerBox .subMenu:hover .listSub {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition-delay: 0s, 0s, 0.3s;
	transition-delay: 0s, 0s, 0.3s
}
#cmspage .main-img {
	position: relative;
	height: 326px;
	background: url("../../images/img/career_outline/mainimg.jpg") no-repeat center;
	background-size: cover
}

@media only screen and (max-width: 767px) {
#cmspage .main-img {
	height: 157px;
	background-image: url("../../images/img/career_outline/sp/mainimg_sp.jpg")
}
}
#cmspage .main-img .text-box {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	margin: 0 auto;
	-webkit-transform: translate(-45%, -58%);
	-moz-transform: translate(-45%, -58%);
	-ms-transform: translate(-45%, -58%);
	-o-transform: translate(-45%, -58%);
	transform: translate(-45%, -58%)
}

@media only screen and (max-width: 767px) {
#cmspage .main-img .text-box {
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate(0, -54%);
	-moz-transform: translate(0, -54%);
	-ms-transform: translate(0, -54%);
	-o-transform: translate(0, -54%);
	transform: translate(0, -54%)
}
}
#cmspage .main-img .text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}
#cmspage .main-img .text.eng {
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 200;
	line-height: 30px;
	letter-spacing: 0.25em
}

@media only screen and (max-width: 767px) {
#cmspage .main-img .text.eng {
	font-size: 20px;
	font-size: 2rem;
	line-height: 26px
}
}
#cmspage .main-img .text.jpn {
	font-size: 45px;
	font-size: 4.5rem;
	font-weight: 300;
	letter-spacing: 0.035em;
	line-height: 56px;
	margin-top: 15px
}

@media only screen and (max-width: 767px) {
#cmspage .main-img .text.jpn {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 54px;
	letter-spacing: 0.034em;
	margin-top: 0
}
}
#cmspage .content-section.bg01 {
	background: #F0F0F0;
	min-height: 0
}
#cmspage .cmspage-container {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center
}

@media only screen and (max-width: 1044px) {
#cmspage .cmspage-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
#cmspage .cmspage-container {
	width: 100%
}
}
#cmspage .heading-small-text {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 19px;
	letter-spacing: 0.133em
}

@media only screen and (max-width: 767px) {
#cmspage .heading-small-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 23px
}
}
#cmspage .heading-text {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 43px;
	letter-spacing: 0.055em;
	margin-top: 18px
}

@media only screen and (max-width: 767px) {
#cmspage .heading-text {
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 42px;
	margin-top: 12px
}
}
#cmspage .content-section01 {
	margin-top: 16px;
	padding: 50px 0 88px
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 {
	margin-top: 0;
	padding: 40px 0 54px
}
}
#cmspage .content-section01 .article-list-area {
	max-width: 705px;
	margin: 68px auto 0
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list-area {
	margin-top: 48px
}
}
#cmspage .content-section01 .article-list-area .c-no-result {
	font-size: 20px
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list-area .c-no-result {
	font-size: 16px
}
}
#cmspage .content-section01 .article-list {
	float: left;
	width: 56%;
	text-align: left
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list {
	width: 83%;
	float: none;
	margin: 0 auto
}
}
#cmspage .content-section01 .article-list:nth-child(2) {
	width: 44%
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list:nth-child(2) {
	width: 83%;
	margin-top: 32px
}
}
#cmspage .content-section01 .article-list li {
	margin-top: 45px
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list li {
	margin-top: 32px
}
}
#cmspage .content-section01 .article-list li:first-child {
	margin-top: 0
}
#cmspage .content-section01 .article-list a {
	display: inline-block;
	position: relative;
	padding-left: 27px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 24px
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list a {
	padding-left: 32px
}
}
#cmspage .content-section01 .article-list a:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	border-bottom: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	margin-top: -4px;
	height: 8px;
	width: 8px
}

@media only screen and (max-width: 767px) {
#cmspage .content-section01 .article-list a:before {
	top: 45%;
	left: 6px
}
}
#cmspage .article-section {
	margin-top: 103px
}

@media only screen and (max-width: 767px) {
#cmspage .article-section {
	margin-top: 115px
}
}
#cmspage .article-section.first {
	margin-top: 23px
}

@media only screen and (max-width: 767px) {
#cmspage .article-section.first {
	margin-top: 20px
}
}
#cmspage .article-section.last {
	margin-bottom: 103px
}

@media only screen and (max-width: 767px) {
#cmspage .article-section.last {
	margin-bottom: 80px
}
}
#cmspage .article-title-cover {
	background-image: linear-gradient(to right, #00A283, #8BDE5F);
	text-align: center
}

@media only screen and (max-width: 767px) {
#cmspage .article-title-cover {
	min-height: 102px
}
}
#cmspage .article-title-cover .article-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 41px;
	letter-spacing: 0.055em;
	color: #fff;
	font-weight: bold;
	padding: 59px 0 100px;
	max-width: 1200px;
	margin: 0 auto
}

@media only screen and (max-width: 1044px) {
#cmspage .article-title-cover .article-title {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
#cmspage .article-title-cover .article-title {
	padding: 30px 0;
	width: 100%
}
}
#cmspage .article-content {
	position: relative;
	background-color: #fff;
	margin-top: -55px;
	border: 1px solid #D2D2D2;
	padding: 25px 0 59px
}

@media only screen and (max-width: 767px) {
#cmspage .article-content {
	margin-top: 0;
	border-left: none;
	border-right: none;
	padding: 0 0 30px;
	background-color: #F0F0F0
}
}
#cmspage .article-content .article-table-details {
	max-width: 880px;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-table-details {
	background-color: #fff
}
}
#cmspage .article-content .article-table-details h4 {
	font-weight: 700
}
#cmspage .article-content .article-table-details tr {
	border-bottom: 1px solid #D2D2D2
}
#cmspage .article-content .article-table-details tr:last-child td:first-child {
	padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-table-details tr:last-child td:first-child {
	padding-bottom: 5px
}
}
#cmspage .article-content .article-table-details tr:last-child td:last-child {
	padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-table-details tr:last-child td:last-child {
	padding-bottom: 45px
}
}
#cmspage .article-content .article-table-details td {
	padding: 31px 40px 35px 31px
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-table-details td {
	display: block;
	padding: 0 4%
}
}
#cmspage .article-content .article-table-details td:first-child {
	width: 200px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px;
	letter-spacing: 0.055em
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-table-details td:first-child {
	font-size: 16px;
	font-size: 1.6rem;
	width: 100%;
	padding: 28px 4% 5px
}
}
#cmspage .article-content .article-table-details td:last-child {
	padding-left: 25px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-table-details td:last-child {
	width: 100%;
	padding: 10px 4% 32px
}
}
#cmspage .article-content .article-to-entry {
	background-image: linear-gradient(to right, #00A283, #8BDE5F);
	display: block;
	max-width: 336px;
	margin: 45px auto 0;
	color: #fff;
	font-weight: bold;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	letter-spacing: 0.04em;
	padding: 26px 0 23px
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-to-entry {
	width: 80.8%;
	margin-top: 37px
}
}
#cmspage .article-content .article-to-entry:after {
	content: "";
	position: absolute;
	display: inline-block;
	right: 25px;
	top: 50%;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 7px;
	height: 7px;
	z-index: 1
}

@media only screen and (max-width: 767px) {
#cmspage .article-content .article-to-entry:after {
	right: 10px
}
}
#cmspage .article-up-list {
	margin-top: 20px;
	text-align: right
}

@media only screen and (max-width: 767px) {
#cmspage .article-up-list {
	margin-top: 15px;
	margin-right: 15px
}
}
#cmspage .article-up-list__link {
	padding-right: 20px;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 20px;
	letter-spacing: 0.055em;
	position: relative
}

@media only screen and (max-width: 767px) {
#cmspage .article-up-list__link {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 23px
}
}
#cmspage .article-up-list__link:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 2px;
	top: 58%;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	-moz-transform: translate(0, -50%) rotate(-45deg);
	-ms-transform: translate(0, -50%) rotate(-45deg);
	-o-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 7px;
	height: 7px
}
.company .main-img {
	background-image: url("../../images/img/company/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.company .main-img {
	background-image: url("../../images/img/company/mainimg_sp.jpg")
}
}
.company .main-content {
	margin: 122px auto 45px
}

@media only screen and (max-width: 767px) {
.company .main-content {
	margin: 35px auto 88px
}
}
.company .main-content .box {
	display: block;
	float: left;
	width: 46.4%;
	margin-left: 7.2%;
	margin-bottom: 92px
}

@media only screen and (max-width: 767px) {
.company .main-content .box {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 43px
}
}
.company .main-content .box:nth-child(odd) {
	margin-left: 0
}
.company .main-content .img-cover {
	position: relative;
	text-align: center
}
.company .main-content .img-cover img {
	width: 100%
}
.company .main-content .img-cover .name {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 54px;
	font-size: 5.4rem;
	font-weight: 200;
	line-height: 68px;
	letter-spacing: 0.133em;
	color: #fff
}

@media only screen and (max-width: 767px) {
.company .main-content .img-cover .name {
	font-size: 45px;
	font-size: 4.5rem;
	line-height: 56px;
	letter-spacing: 0.13em
}
}
.company .main-content .text {
	font-size: 20px;
	font-size: 2rem;
	line-height: 34px;
	letter-spacing: 0.05em;
	position: relative;
	text-align: center;
	margin-top: 20px
}

@media only screen and (max-width: 767px) {
.company .main-content .text {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	margin-top: 10px
}
}
.company .main-content .text:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 7px;
	height: 7px
}
.company .small-title {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 19px;
	letter-spacing: 0.133em;
	font-weight: 300;
	text-align: center
}
.company .title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 61px;
	letter-spacing: 0.055em;
	margin-top: 5px;
	text-align: center
}
.company .footer-company {
	background-color: #F0F0F0;
	margin-bottom: 25px;
	padding: 60px 0 75px
}

@media only screen and (max-width: 767px) {
.company .footer-company {
	padding: 50px 0 20px;
	margin-bottom: 30px
}
}
.company .footer-company .company-childs {
	margin-top: 50px
}

@media only screen and (max-width: 767px) {
.company .footer-company .company-childs {
	margin-top: 24px
}
}
.company .footer-company .company-childs .box {
	display: block;
	float: left;
	width: 22.8%;
	margin-left: 2.9%
}

@media only screen and (max-width: 767px) {
.company .footer-company .company-childs .box {
	width: 47.5%;
	margin-left: 5%;
	margin-bottom: 18px
}
}

@media only screen and (max-width: 767px) {
.company .footer-company .company-childs .box.ml0 {
	margin-left: 0
}
}
.company .footer-company .company-childs .box:first-child {
	margin-left: 0
}
.company .footer-company .company-childs .box .image {
	width: 100%;
	display: block
}
.company .footer-company .company-childs .box .text-cover {
	height: 80px;
	position: relative;
	background-color: #fff;
	text-align: center
}

@media only screen and (max-width: 767px) {
.company .footer-company .company-childs .box .text-cover {
	height: 52px
}
}
.company .footer-company .company-childs .box .text {
	line-height: 26px;
	letter-spacing: 0.05em;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
.company .footer-company .company-childs .box .text {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 17px
}
}
.company .footer-company .company-childs .box .text:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 7px;
	height: 7px
}

@media only screen and (max-width: 767px) {
.company .footer-company .company-childs .box .text:after {
	right: 10px;
	width: 5px;
	height: 5px;
	margin-top: -2px
}
}
.company .footer-company .company-childs .box .text .tablet {
	display: none
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.company .footer-company .company-childs .box .text .tablet {
	display: inherit
}
}
select, input[type='text'], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}
select::-ms-expand, .hid_url {
display:none
}
::-webkit-input-placeholder {
color:#b1b1b1;
font-size:14px
}
::-moz-placeholder {
color:#b1b1b1;
font-size:14px
}
:-ms-input-placeholder {
color:#b1b1b1;
font-size:14px
}
:-moz-placeholder {
color:#b1b1b1;
font-size:14px
}
.tableContact select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.tableContact select::-ms-expand {
display:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
-webkit-box-shadow:0 0 0px 1000px #fff inset;
transition:background-color 5000s ease-in-out 0s
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.headSubBox.bgContact {
	background: url(../img/contact/bg_main.jpg) center no-repeat;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.headSubBox {
	margin-bottom: 25px;
	height: auto
}
.headSubBox.bgContact {
	background: none
}
.headSubBox .img {
	position: relative
}
.headSubBox .img img {
	display: block;
	width: 100%;
	min-height: 156px
}
}
.headSubBox.headSubBoxStep2 {
	height: 200px
}
.headSubBox.headSubBoxStep2 .txtBox {
	padding-top: 65px
}

@media only screen and (max-width: 767px) {
.headSubBox.headSubBoxStep2 {
	height: auto
}
.headSubBox.headSubBoxStep2 .txtBox {
	padding-top: 0;
	margin-top: -40px
}
}
.headSubBox.bgEntry {
	background: url(../img/entry/img_header_pc1.jpg) center no-repeat;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.headSubBox {
	margin-bottom: 25px;
	height: auto
}
.headSubBox.bgEntry {
	background: none
}
.headSubBox .img {
	position: relative
}
.headSubBox .img img {
	display: block;
	width: 100%;
	min-height: 156px
}
}
.headSubBox.headSubEntryBoxStep2 {
	height: 200px;
	background: url(../img/entry/img_header_pc2.jpg) center no-repeat;
	background-size: cover
}
.headSubBox.headSubEntryBoxStep2 .txtBox {
	padding-top: 65px
}

@media only screen and (max-width: 767px) {
.headSubBox.headSubEntryBoxStep2 {
	height: auto
}
.headSubBox.headSubEntryBoxStep2 .txtBox {
	padding-top: 0;
	margin-top: -40px
}
}
#contact .header .menuList, #contact .footer {
	display: none
}
#contact .logo {
	float: none;
	margin: 0 auto
}
#contact .txtCopyContact {
	font-size: 10px;
	color: #fff;
	background: #0A0A0A;
	padding: 20px 15px;
	text-align: center
}
#contact .header .headerBox .innerBox {
	padding: 20px 30px
}
.txtContactBox {
	text-align: center;
	font-size: 18px;
	padding: 0 15px;
	margin-bottom: 45px;
	line-height: 2
}
.txtContactBox.txtContactBox1 {
	margin-bottom: 65px
}

@media only screen and (max-width: 767px) {
.txtContactBox {
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.7
}
.txtContactBox.txtContactBox1 {
	margin-bottom: 35px
}
}
#err_ {
	display: none
}
.contactTelBox {
	background: #F0F0F0;
	padding: 75px 15px 88px;
	margin-bottom: 105px
}

@media only screen and (max-width: 767px) {
.contactTelBox {
	margin-bottom: 25px;
	padding: 40px 15px 50px
}
}
.contactTelBox .innerBox {
	max-width: 620px;
	margin: 0 auto
}
.contactTelBox .txtPhone {
	text-align: center;
	font-weight: 300;
	letter-spacing: 2px
}

@media only screen and (max-width: 767px) {
.contactTelBox .txtPhone {
	font-size: 15px;
	margin-bottom: 5px
}
}
.contactTelBox .ttl {
	font-size: 36px;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.5
}

@media only screen and (max-width: 767px) {
.contactTelBox .ttl {
	line-height: 1.3;
	font-size: 35px;
	margin-bottom: 25px
}
}
.contactTelBox .btnTel {
	float: left;
	pointer-events: none;
	padding-right: 40px
}

@media only screen and (max-width: 767px) {
.contactTelBox .btnTel {
	padding-right: 0;
	padding: 20px 15px;
	text-align: center;
	background: #1971BC;
	color: #fff;
	float: none;
	width: 100%;
	display: block;
	pointer-events: auto;
	margin-bottom: 15px
}
}
.contactTelBox .btnTel .txt1 {
	font-size: 38px;
	background: url(../img/contact/icon_tel_black.svg) left center no-repeat;
	background-size: 34px 34px;
	padding-left: 45px;
	line-height: 1.2;
	display: inline-block;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
.contactTelBox .btnTel .txt1 {
	font-size: 35px;
	background: url(../img/contact/icon_tel_white.svg) left center no-repeat;
	background-size: 28px 28px;
	padding-left: 38px
}
}
.contactTelBox .btnTel .txt2 {
	display: block;
	font-size: 14px
}

@media only screen and (max-width: 767px) {
.contactTelBox .btnTel .txt2 {
	font-size: 12px
}
}
.contactTelBox .txtTime {
	overflow: hidden;
	background: #fff;
	padding: 10px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.contactTelBox .txtTime {
	line-height: 1.4;
	font-size: 15px
}
}
.frmContact .contactBox1 {
	text-align: center;
	padding: 0 15px;
	margin-bottom: 75px
}
.frmContact .contactBox1 .txt1 {
	letter-spacing: 2px;
	font-weight: 300
}
.frmContact .contactBox1 .ttl {
	font-size: 36px;
	line-height: 1.5
}

@media only screen and (max-width: 767px) {
.frmContact .contactBox1 {
	margin-bottom: 35px
}
.frmContact .contactBox1 .ttl {
	font-size: 35px;
	line-height: 1.3
}
}
.frmContact .formBox {
	max-width: 870px;
	margin: 0 auto 40px;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox {
	padding: 0
}
}
.frmContact .formBox .imgStep {
	font-size: 0;
	margin-bottom: 75px
}
.frmContact .formBox .imgStep img {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .imgStep {
	margin-bottom: 35px;
	padding: 0 15px
}
}
.frmContact .formBox em {
	display: inline-block;
	margin-right: 12px;
	color: #DA161A;
	font-size: 16px;
	line-height: 1;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt"
}
.frmContact .formBox em.unRequired {
	color: #656565
}

@media only screen and (max-width: 767px) {
.frmContact .formBox em {
	font-size: 15px
}
}
.frmContact .formBox .txtNoteStep2 {
	text-align: center;
	margin-bottom: 55px;
	font-size: 18px;
	line-height: 2;
	margin-top: -20px;
	padding: 0 15px;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt"
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .txtNoteStep2 {
	margin-bottom: 30px;
	text-align: left;
	margin-top: 0
}
}
.frmContact .formBox .txthistory {
	text-align: right;
	margin-bottom: 50px
}
.frmContact .formBox .txthistory a {
	color: #1971BC;
	font-size: 13px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .txthistory {
	margin-bottom: 40px
}
}
.frmContact .formBox .tblContact {
	border-collapse: collapse;
	border:0!important;
	border-top: 1px solid #ededed!important;
	margin-bottom: 25px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact {
	border-top: 0
}
}
.frmContact .formBox .tblContact tr {
	border-bottom: 1px solid #ededed
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact tr {
	margin-bottom: 20px;
	display: block;
	width: 100%;
	padding: 0 15px
}
.frmContact .formBox .tblContact tr:last-child {
	margin-bottom: 0
}
}
.frmContact .formBox .tblContact tr th, .frmContact .formBox .tblContact tr td {
	font-size: 15px;
	vertical-align: top;
	padding: 30px 0
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact tr th, .frmContact .formBox .tblContact tr td {
	display: block;
	width: 100%
}
}
.frmContact .formBox .tblContact tr th.vtTop, .frmContact .formBox .tblContact tr td.vtTop {
	vertical-align: top
}
.frmContact .formBox .tblContact tr th {
	width: 256px;
	font-weight: bold;
	vertical-align: middle;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact tr th {
	width: 100%;
	padding: 0;
	margin-bottom: 16px
}
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact tr td {
	padding-top: 0;
	padding-bottom: 30px
}
}
.frmContact .formBox .tblContact tr .txtNote {
	color: #6F6E6E;
	margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact tr .txtNote {
	font-size: 14px
}
}
.frmContact .formBox .tblContact tr .txtN1 {
	padding-left: 10px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact tr .txtN1 {
	display: block;
	font-size: 12px;
	padding-left: 0;
	padding-top: 5px
}
.frmContact .formBox .tblContact tr .txtN1.txtN2 {
	display: inline-block;
	font-size: 15px;
	padding-left: 5px;
	padding-top: 0
}
}
.frmContact .formBox .tblContact input[type="text"], .frmContact .formBox .tblContact input[type="tel"], .frmContact .formBox .tblContact input[type="email"], .frmContact .formBox .tblContact input[type="number"], .frmContact .formBox .tblContact input[type="url"] {
	width: 100%;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 43px;
	background: #FAFAF2;
	padding: 0 15px;
	outline: none;
	border: 1px solid #ACACAC
}
.frmContact .formBox .tblContact input[type="text"].fullSize, .frmContact .formBox .tblContact input[type="tel"].fullSize, .frmContact .formBox .tblContact input[type="email"].fullSize, .frmContact .formBox .tblContact input[type="number"].fullSize, .frmContact .formBox .tblContact input[type="url"].fullSize {
	width: 100%
}
.frmContact .formBox .tblContact input[type="text"].smallSize, .frmContact .formBox .tblContact input[type="tel"].smallSize, .frmContact .formBox .tblContact input[type="email"].smallSize, .frmContact .formBox .tblContact input[type="number"].smallSize, .frmContact .formBox .tblContact input[type="url"].smallSize {
	width: 238px
}
.frmContact .formBox .tblContact input[type="text"].smallSize1, .frmContact .formBox .tblContact input[type="tel"].smallSize1, .frmContact .formBox .tblContact input[type="email"].smallSize1, .frmContact .formBox .tblContact input[type="number"].smallSize1, .frmContact .formBox .tblContact input[type="url"].smallSize1 {
	width: 145px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact input[type="text"], .frmContact .formBox .tblContact input[type="tel"], .frmContact .formBox .tblContact input[type="email"], .frmContact .formBox .tblContact input[type="number"], .frmContact .formBox .tblContact input[type="url"] {
	width: 100%
}
.frmContact .formBox .tblContact input[type="text"].smallSize, .frmContact .formBox .tblContact input[type="tel"].smallSize, .frmContact .formBox .tblContact input[type="email"].smallSize, .frmContact .formBox .tblContact input[type="number"].smallSize, .frmContact .formBox .tblContact input[type="url"].smallSize {
	width: 100%
}
}
.frmContact .formBox .tblContact input[type="text"].bgW, .frmContact .formBox .tblContact input[type="tel"].bgW, .frmContact .formBox .tblContact input[type="email"].bgW, .frmContact .formBox .tblContact input[type="number"].bgW, .frmContact .formBox .tblContact input[type="url"].bgW {
	background: #fff
}
.frmContact .formBox .tblContact .zipBox {
	margin-bottom: 10px;
	display: inline-block
}
.frmContact .formBox .tblContact textarea {
	display: block;
	width: 100%;
	padding: 15px;
	background: #FAFAF2;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ACACAC;
	height: 206px;
	outline: none;
	line-height: 1.8
}
.frmContact .formBox .tblContact textarea.bgW {
	background: #fff
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact textarea {
	height: 185px
}
}
.frmContact .formBox .tblContact .mysl {
	height: 43px;
	width: 302px;
	border: 1px solid #ACACAC;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #FAFAF2 url(../img/contact/icon_arrow.png) 96% 2px no-repeat;
	padding: 0 15px;
	font-size: 15px;
	outline: none;
	position: relative
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tblContact .mysl {
	width: 100%;
	height: 58px;
	background-position: 94% 6px;
	background-size: auto 80%
}
}
.frmContact .formBox .tblContact .mysl.bgW {
	background: #fff url(../img/contact/icon_arrow.png) 96% 2px no-repeat
}
.frmContact .formBox .tblContact .chkradio {
	margin-bottom: 15px;
	line-height: 2
}
.frmContact .formBox .tblContact .chkradio:last-child {
	margin-bottom: 0
}
.frmContact .formBox .tblContact .chkradio label {
	display: inline-block;
	padding-left: 30px;
	width: 110px;
	font-size: 15px;
	position: relative;
	cursor: pointer
}

@media only screen and (max-width: 370px) {
.frmContact .formBox .tblContact .chkradio label {
	width: 90px
}
}
.frmContact .formBox .tblContact .chkradio label:before, .frmContact .formBox .tblContact .chkradio label:after {
	position: absolute;
	content: "";
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.frmContact .formBox .tblContact .chkradio label:before {
	top: 4px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #707070
}
.frmContact .formBox .tblContact .chkradio label:after {
	width: 10px;
	height: 10px;
	background: #00A283;
	top: 9px;
	left: 5px;
	opacity: 0
}
.frmContact .formBox .tblContact .chkradio input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.frmContact .formBox .tblContact .chkradio input:checked+label:after {
	opacity: 1
}
.frmContact .formBox .tableContactStep2 tr th {
	padding-left: 25px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .tableContactStep2 {
	margin-bottom: 15px
}
.frmContact .formBox .tableContactStep2 tr:first-child {
	border-top: 1px solid #ededed;
	padding-top: 30px
}
.frmContact .formBox .tableContactStep2 tr th {
	padding-left: 0
}
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox {
	padding: 0 15px
}
}
.frmContact .formBox .controlBox .txt1 {
	font-weight: bold;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	margin-bottom: 10px;
	color: #393939
}
.frmContact .formBox .controlBox .txt2, .frmContact .formBox .controlBox .txtNote1 {
	font-size: 13px;
	color: #393939;
	margin-bottom: 55px
}
.frmContact .formBox .controlBox .txt2 a, .frmContact .formBox .controlBox .txtNote1 a {
	color: #1971BC;
	text-decoration: underline
}
.frmContact .formBox .controlBox .txtNote1 {
	padding-top: 40px;
	margin-bottom: 0;
	text-align: center
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .txtNote1 {
	text-align: left;
	padding-top: 20px
}
}
.frmContact .formBox .controlBox .txtCheck {
	text-align: center;
	font-size: 18px;
	max-width: 367px;
	width: 100%;
	background: #FAFAF2;
	padding: 26px 15px;
	margin: 0 auto 23px;
	border: 1px solid #ACACAC
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .txtCheck {
	padding: 24px 0;
	font-size: 16px
}
}
.frmContact .formBox .controlBox .txtCheck input {
	position: absolute;
	visibility: hidden
}
.frmContact .formBox .controlBox .txtCheck.bgColor {
	background: #fff
}
.frmContact .formBox .controlBox .txtCheck label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 15px
}
.frmContact .formBox .controlBox .txtCheck label:before, .frmContact .formBox .controlBox .txtCheck label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .txtCheck label {
	padding-left: 10px
}
}
.frmContact .formBox .controlBox .txtCheck label:before {
	left: -20px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #707070;
	background: #fff
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .txtCheck label:before {
	width: 18px;
	height: 18px;
	margin-top: -9px
}
}
.frmContact .formBox .controlBox .txtCheck label:after {
	left: -13px;
	width: 8px;
	height: 15px;
	margin-top: -11px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	-moz-transform: rotate(-130deg) skew(8deg, 8deg);
	-webkit-transform: rotate(-130deg) skew(8deg, 8deg);
	-ms-transform: rotate(-130deg) skew(8deg, 8deg);
	transform: rotate(-130deg) skew(8deg, 8deg);
	display: none
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .txtCheck label:after {
	left: -14px;
	width: 7px;
	height: 11px;
	margin-top: -8px
}
}
.frmContact .formBox .controlBox .txtCheck input:checked+label:after {
	display: block
}
.frmContact .formBox .controlBox .txtCheck input:checked+label:before {
	background: #1971BC
}
.frmContact .formBox .controlBox .txtCheck.txtCheck1 input:checked+label:before {
	background: #00A283;
	border: 1px solid #00A283
}
.frmContact .formBox .controlBox .btnBox {
	text-align: center;
	margin-bottom: 35px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .btnBox {
	margin-bottom: 30px
}
.frmContact .formBox .controlBox .btnBox.btnBox1 {
	margin-bottom: 20px
}
}
.frmContact .formBox .controlBox .btnBox .btnConfirm {
	background: #1971BC;
	max-width: 367px;
	border: 0;
	outline: none;
	width: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	cursor: pointer;
	opacity: 0.5;
	pointer-events: none
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .btnBox .btnConfirm {
	height: 78px
}
}
.frmContact .formBox .controlBox .btnBox .btnConfirm span {
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 26px 15px;
	letter-spacing: 1px;
	padding-right: 40px;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.frmContact .formBox .controlBox .btnBox .btnConfirm span:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .btnBox .btnConfirm span {
	font-size: 16px;
	padding: 20px 0;
	padding-right: 20px
}
.frmContact .formBox .controlBox .btnBox .btnConfirm span:after {
	right: 15px
}
}
.frmContact .formBox .controlBox .btnBox .btnConfirm.btnConfirmOn {
	opacity: 1;
	pointer-events: auto
}
.frmContact .formBox .controlBox .btnBox.btnBox1 .btnConfirm {
	background: #00A283
}
.frmContact .formBox .controlBox .btnBoxStep2 {
	margin-bottom: 90px
}

@media only screen and (max-width: 767px) {
.frmContact .formBox .controlBox .btnBoxStep2 {
	margin-bottom: 45px
}
}
.frmContact.frmContactStep2 .formBox {
	margin-bottom: 95px
}

@media only screen and (max-width: 767px) {
.frmContact.frmContactStep2 .formBox {
	margin-bottom: 45px
}
}

@media only screen and (max-width: 767px) {
.frmContact .zipBox .inputZip, .frmContact .zipBox .txtZip {
	display: inline-block
}
.frmContact .zipBox .txtZip {
	margin-right: 10px
}
}
.frmContactThx {
	max-width: 720px;
	margin: 0 auto 135px;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.frmContactThx {
	margin-bottom: 60px;
	padding-top: 0
}
}
.frmContactThx .imgStep {
	margin-bottom: 75px
}
.frmContactThx .imgStep img {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.frmContactThx .imgStep {
	margin-bottom: 35px
}
}
.frmContactThx .ttl {
	font-size: 30px;
	margin-bottom: 60px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.frmContactThx .ttl {
	margin-bottom: 35px
}
}
.frmContactThx .txt {
	margin-bottom: 60px;
	font-size: 15px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.frmContactThx .txt {
	margin-bottom: 50px;
	text-align: left
}
}
.frmContactThx .btnMoreComBox a {
	width: 237px;
	padding: 18px 15px
}

@media only screen and (max-width: 767px) {
.frmContactThx .btnMoreComBox a {
	width: 270px
}
}
.frmContactThx .btnMoreComBox a:after {
	left: 20px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg)
}
.frmContactThx .btnMoreComBox1 {
	margin-bottom: 20px
}
.frmContactThx .btnMoreComBox1 a {
	background: #00A283
}
.recruit.education .main-img {
	background-image: url("../../images/img/education/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.recruit.education .main-img {
	background-image: url("../../images/img/education/mainimg_sp.jpg")
}
}
.recruit.education .intro-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 38px;
	text-align: center;
	margin-top: 90px
}

@media only screen and (max-width: 767px) {
.recruit.education .intro-text {
	line-height: 32px;
	text-align: justify;
	margin-top: 22px
}
}
.recruit.education .education-nav {
	margin: 73px 0 77px
}

@media only screen and (max-width: 767px) {
.recruit.education .education-nav {
	margin: 45px 0 55px
}
}

@media only screen and (max-width: 767px) {
.recruit.education .education-nav li {
	padding: 20px 0px 21px;
	border: none;
	text-align: center
}
}

@media only screen and (max-width: 767px) {
.recruit.education .education-nav a {
	padding-left: 0;
	padding-right: 10px
}
}

@media only screen and (max-width: 374px) {
.recruit.education .education-nav a {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0
}
}
.recruit.education .edu-container {
	max-width: 1200px;
	margin: 0 auto
}

@media only screen and (max-width: 1044px) {
.recruit.education .edu-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.recruit.education .edu-container {
	width: 100%
}
}

@media only screen and (max-width: 767px) {
.recruit.education .support-bottom-container {
	width: 90%
}
}
.recruit.education .support-area .content-wrapper {
	margin-bottom: -108px
}

@media only screen and (max-width: 767px) {
.recruit.education .support-area .content-wrapper {
	margin-bottom: 0
}
}
.recruit.education .support-area .box-group {
	margin-top: -183px
}

@media only screen and (max-width: 767px) {
.recruit.education .support-area .box-group {
	margin-top: -105px
}
}
.recruit.education .support-area .box {
	float: left;
	width: 32.2%;
	margin-left: 1.7%
}

@media only screen and (max-width: 767px) {
.recruit.education .support-area .box {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-top: 15px
}
}
.recruit.education .support-area .box:first-child {
	margin-left: 0
}

@media only screen and (max-width: 767px) {
.recruit.education .support-area .box:first-child {
	margin-top: 0
}
}
.recruit.education .support-area .box .box-title {
	background-image: linear-gradient(to left, #00A283, #8BDE5F);
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	line-height: 34px;
	letter-spacing: 0.033em;
	font-weight: bold;
	color: #fff;
	padding: 15px 0 10px
}
.recruit.education .support-area .box .box-content {
	padding: 30px 33px 45px 32px;
	border: 1px solid #D2D2D2;
	border-top: none;
	background-color: #fff;
	position: relative
}

@media only screen and (max-width: 767px) {
.recruit.education .support-area .box .box-content {
	margin-bottom: 0;
	padding: 30px 33px 37px 32px
}
}
.recruit.education .support-area .box .content-text {
	margin-left: 0;
	margin-top: 23px
}
.recruit.education .support-area .support-bottom-bg {
	background-color: #F0F0F0;
	padding: 175px 0 240px
}

@media only screen and (max-width: 767px) {
.recruit.education .support-area .support-bottom-bg {
	padding: 40px 0 128px
}
}
.recruit.education .support-area .support-bottom-bg .large-text {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 41px;
	letter-spacing: 0.033em;
	text-align: center
}
.recruit.education .title-block {
	display: table;
	width: 100%
}

@media only screen and (max-width: 767px) {
.recruit.education .title-block {
	display: block
}
}
.recruit.education .title-block .img-cover, .recruit.education .title-block .title-cover {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 50%
}

@media only screen and (max-width: 767px) {
.recruit.education .title-block .img-cover, .recruit.education .title-block .title-cover {
	display: block;
	width: 100%
}
}
.recruit.education .title-block .img-cover img {
	width: 100%;
	display: block
}
.recruit.education .title-block .title-cover {
	background-image: linear-gradient(to left, #00A283, #8BDE5F)
}
.recruit.education .title-block .title-cover .title-text {
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.033em;
	line-height: 41px
}

@media only screen and (max-width: 767px) {
.recruit.education .title-block .title-cover .title-text {
	letter-spacing: 0;
	padding: 24px 0 23px
}
}
.recruit.education .content-wrapper {
	border: 1px solid #D2D2D2;
	border-top: none;
	padding: 83px 121px 20px;
	background-color: #fff;
	position: relative
}

@media only screen and (max-width: 1044px) {
.recruit.education .content-wrapper {
	padding: 83px 8% 20px
}
}

@media only screen and (max-width: 1023px) {
.recruit.education .content-wrapper {
	padding: 83px 5% 20px
}
}

@media only screen and (max-width: 767px) {
.recruit.education .content-wrapper {
	padding: 30px 17px 25px;
	border: none
}
}
.recruit.education .content-wrapper .content-block {
	margin-bottom: 55px
}

@media only screen and (max-width: 767px) {
.recruit.education .content-wrapper .content-block {
	margin-bottom: 41px
}
}

@media only screen and (max-width: 767px) {
.recruit.education .content-wrapper .content-block:last-child {
	margin-bottom: 0
}
}
.recruit.education .small-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.025em;
	font-weight: bold;
	position: relative;
	padding-left: 29px
}

@media only screen and (max-width: 767px) {
.recruit.education .small-title {
	padding-left: 23px
}
}
.recruit.education .small-title:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 12px;
	height: 4px;
	background-color: #00A283
}
.recruit.education .content-text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	margin-top: 15px;
	margin-left: 29px
}

@media only screen and (max-width: 767px) {
.recruit.education .content-text {
	margin: 7px 0px
}
}
.recruit.education .qualification-area {
	margin: 165px auto 130px
}

@media only screen and (max-width: 767px) {
.recruit.education .qualification-area {
	margin: 90px auto 0px
}
}
.recruit.education .qualification-area .content-wrapper {
	padding: 65px 121px 110px
}

@media only screen and (max-width: 1044px) {
.recruit.education .qualification-area .content-wrapper {
	padding: 65px 8% 110px
}
}

@media only screen and (max-width: 1023px) {
.recruit.education .qualification-area .content-wrapper {
	padding: 65px 5% 110px
}
}

@media only screen and (max-width: 767px) {
.recruit.education .qualification-area .content-wrapper {
	padding: 33px 4% 40px
}
}

@media only screen and (max-width: 1023px) {
.recruit.education .license-table {
	margin-top: 0
}
}
.recruit.education .license-table tr:first-child td:last-child {
	border-top: 1px solid #D2D2D2
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table tr:first-child td:last-child {
	border-top: none
}
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table tr:last-child td:last-child {
	border-bottom: 1px solid #D2D2D2
}
}
.recruit.education .license-table td {
	border-bottom: 1px solid #D2D2D2
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table td {
	width: 100%;
	display: block;
	border-bottom: none
}
}
.recruit.education .license-table td:first-child {
	padding: 23px 34px;
	width: 200px;
	background-color: #00A283;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	letter-spacing: 0.055em;
	font-weight: bold;
	color: #fff
}

@media only screen and (max-width: 1023px) {
.recruit.education .license-table td:first-child {
	padding: 23px 15px;
	width: 150px
}
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table td:first-child {
	padding: 10px 28px 9px;
	width: 100%
}
}
.recruit.education .license-table td:last-child {
	padding: 23px 39px 22px;
	vertical-align: middle;
	border-right: 1px solid #D2D2D2
}

@media only screen and (max-width: 1023px) {
.recruit.education .license-table td:last-child {
	padding: 23px 15px 22px
}
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table td:last-child {
	padding: 12px 23px 26px;
	border-left: 1px solid #D2D2D2
}
}
.recruit.education .license-table .license-list li {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	float: left;
	position: relative;
	padding-left: 15px
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table .license-list li {
	float: none
}
}
.recruit.education .license-table .license-list li:before {
	content: "";
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #00A283;
	position: absolute;
	top: 12px;
	left: 0
}
.recruit.education .license-table .license-list li:nth-child(odd) {
	width: 52%
}

@media only screen and (max-width: 1023px) {
.recruit.education .license-table .license-list li:nth-child(odd) {
	width: 55%
}
}

@media only screen and (max-width: 767px) {
.recruit.education .license-table .license-list li:nth-child(odd) {
	width: 100%
}
}
.recruit.faq .main-img {
	background-image: url("../../images/img/faq/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.recruit.faq .main-img {
	background-image: url("../../images/img/faq/mainimg_sp.jpg")
}
}
.recruit.faq .ip5-only {
	display: none
}

@media only screen and (max-width: 374px) {
.recruit.faq .ip5-only {
	display: initial
}
}
.recruit.faq .faq-nav {
	margin: 73px 0 70px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-nav {
	margin: 9px 0 38px
}
}
.recruit.faq .faq-nav li {
	padding: 23px 20px 17px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-nav li {
	padding: 14px 0;
	border: none;
	border-bottom: 1px dotted #D2D2D2
}
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-nav li:last-child {
	border: none
}
}
.recruit.faq .faq-category {
	margin-bottom: 80px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-category {
	margin-bottom: 34px
}
}
.recruit.faq .faq-category.is-last {
	margin-bottom: 120px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-category.is-last {
	margin-bottom: 60px
}
}
.recruit.faq .faq-category-title {
	background-image: linear-gradient(to left, #00A283, #8BDE5F);
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 37px;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
	padding: 16px 0 11px
}
.recruit.faq .faq-category-wrapper {
	padding: 9px 80px 29px;
	border: 1px solid #D2D2D2;
	border-top: none
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-category-wrapper {
	border-top: none;
	padding: 0;
	border-bottom: none
}
}
.recruit.faq .faq-content-block {
	border-bottom: 1px solid #D2D2D2;
	padding: 58px 72px 37px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block {
	padding: 0;
	border-bottom: none
}
}
.recruit.faq .faq-content-block:last-child {
	border-bottom: none
}
.recruit.faq .faq-content-block .faq-question {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.025em;
	font-weight: bold;
	position: relative
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block .faq-question {
	padding: 16px 23px 16px 53px;
	border-bottom: 1px solid #D2D2D2
}
}
.recruit.faq .faq-content-block .faq-question:before {
	content: "Q";
	font-family: "Source Sans Pro", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	color: #00A283;
	position: absolute;
	left: -35px;
	top: -1px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block .faq-question:before {
	top: 16px;
	left: 22px;
	font-size: 21px;
	font-size: 2.1rem
}
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block .faq-question:after {
	content: "";
	position: absolute;
	right: 31px;
	top: 39%;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: rotate(135deg) translate(0, -50%);
	-moz-transform: rotate(135deg) translate(0, -50%);
	-ms-transform: rotate(135deg) translate(0, -50%);
	-o-transform: rotate(135deg) translate(0, -50%);
	transform: rotate(135deg) translate(0, -50%);
	width: 7px;
	height: 7px;
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A
}
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block .faq-question.is-actived:after {
	right: 26px;
	top: 48%;
	-webkit-transform: rotate(-45deg) translate(0, -50%);
	-moz-transform: rotate(-45deg) translate(0, -50%);
	-ms-transform: rotate(-45deg) translate(0, -50%);
	-o-transform: rotate(-45deg) translate(0, -50%);
	transform: rotate(-45deg) translate(0, -50%)
}
}
.recruit.faq .faq-content-block .faq-answer {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	margin-top: 17px
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block .faq-answer {
	margin-top: 0;
	padding: 24px 23px 17px;
	background-color: #F0F0F0
}
}

@media only screen and (max-width: 767px) {
.recruit.faq .faq-content-block .faq-answer-wrapper {
	display: none
}
}
.recruit.faq .faq-content-block .faq-close-collapse {
	background-color: #D2D2D2;
	text-align: center;
	padding: 10px 0
}
.recruit.faq .faq-content-block .faq-close-collapse>p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	letter-spacing: 0.05em;
	padding-left: 15px;
	position: relative;
	display: inline-block
}
.recruit.faq .faq-content-block .faq-close-collapse>p:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	-webkit-transform: rotate(-45deg) translate(0, -50%);
	-moz-transform: rotate(-45deg) translate(0, -50%);
	-ms-transform: rotate(-45deg) translate(0, -50%);
	-o-transform: rotate(-45deg) translate(0, -50%);
	transform: rotate(-45deg) translate(0, -50%)
}
.company.guid .main-img {
	background-image: url("../../images/img/guid/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.company.guid .main-img {
	background-image: url("../../images/img/guid/mainimg_sp.jpg")
}
}
.company.guid .main-content {
	margin: 75px auto 50px
}

@media only screen and (max-width: 767px) {
.company.guid .main-content {
	margin: 8px auto 50px
}
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .guid-nav {
	margin-bottom: 35px
}
}
.company.guid .main-content .guid-nav li {
	padding: 23px 95px 17px 70px
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .guid-nav li {
	padding: 20px 20px 16px;
	border-top: none
}
}
.company.guid .main-content .outline-table-area {
	background-color: #F0F0F0;
	padding: 103px 0 117px
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .outline-table-area {
	padding: 55px 0 45px
}
}
.company.guid .main-content .outline-table {
	max-width: 840px;
	margin: 40px auto 0;
	border: 1px solid #D2D2D2
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .outline-table {
	margin-top: 35px
}
}
.company.guid .main-content .outline-table>tbody>tr>td {
	border-bottom: 1px solid #E2E4EA
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .outline-table>tbody>tr>td {
	display: block;
	width: 100%
}
}
.company.guid .main-content .outline-table>tbody>tr>td:first-child {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 27px;
	letter-spacing: 0.055em;
	color: #fff;
	background-color: #1971BC;
	width: 200px;
	padding: 20px 30px 20px
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .outline-table>tbody>tr>td:first-child {
	width: 100%;
	padding: 9px 25px
}
}
.company.guid .main-content .outline-table>tbody>tr>td:last-child {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	vertical-align: middle;
	background-color: #fff;
	padding: 22px 45px 15px
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .outline-table>tbody>tr>td:last-child {
	padding: 14px 20px 13px
}
}
.company.guid .main-content .outline-table>tbody>tr>td .level2 tr:first-child td {
	padding-top: 0
}
.company.guid .main-content .outline-table>tbody>tr>td .level2 tr:last-child td {
	padding-bottom: 0
}
.company.guid .main-content .outline-table>tbody>tr>td .level2 td {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	padding: 8px 0
}
.company.guid .main-content .outline-table>tbody>tr>td .level2 td:first-child {
	width: 150px;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .outline-table>tbody>tr>td .level2 td:first-child {
	width: 140px
}
}
.company.guid .main-content .diagram-area {
	padding: 95px 0 60px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .diagram-area {
	padding: 55px 0 0
}
}
.company.guid .main-content .diagram-area .diagram-img {
	margin-top: 70px;
	max-width: 100%
}

@media only screen and (max-width: 767px) {
.company.guid .main-content .diagram-area .diagram-img {
	margin-top: 40px
}
}
.company.history .main-img {
	background-image: url("../../images/img/history/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.company.history .main-img {
	background-image: url("../../images/img/history/mainimg_sp.jpg")
}
}
.company.history .main-container.bg01 {
	background: #fff
}
.company.history .main-content {
	margin: 70px auto 0
}

@media only screen and (max-width: 767px) {
.company.history .main-content {
	margin: 8px auto 0
}
}
.company.history .main-content .history-nav {
	margin-bottom: 0
}
.company.history .main-content .history-nav li {
	padding: 23px 95px 17px 70px
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-nav li {
	padding: 20px 20px 16px;
	border-top: none
}
}
.company.history .main-content .history-message {
	background: url("../../images/img/history/bg_history01.jpg") no-repeat center;
	background-size: cover;
	padding: 80px 0 100px
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-message {
	background-image: url("../../images/img/history/bg_history01_sp.jpg");
	padding: 55px 0 27px
}
}
.company.history .main-content .history-message-cover {
	margin-top: 60px;
	padding: 73px 80px 90px
}

@media only screen and (max-width: 1023px) {
.company.history .main-content .history-message-cover {
	margin-top: 0;
	padding: 30px 30px 70px
}
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-message-cover {
	margin-top: 15px;
	padding: 20px 23px 35px
}
}
.company.history .main-content .history-message-cover .img-area {
	float: left;
	width: 23%
}

@media only screen and (max-width: 1023px) {
.company.history .main-content .history-message-cover .img-area {
	width: 30%
}
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-message-cover .img-area {
	float: none;
	width: 100%
}
}
.company.history .main-content .history-message-cover .img-area img {
	width: 100%
}
.company.history .main-content .history-message-cover .text-area {
	float: right;
	width: 71.6%
}

@media only screen and (max-width: 1023px) {
.company.history .main-content .history-message-cover .text-area {
	width: 65%
}
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-message-cover .text-area {
	float: none;
	width: 100%;
	margin-top: 10px
}
}
.company.history .main-content .history-message-cover .text-area .catch-text {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 36px;
	margin-top: -5px
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-message-cover .text-area .catch-text {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 37px;
	margin-top: 0
}
}
.company.history .main-content .history-message-cover .text-area .content-text {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: justify;
	line-height: 29px;
	margin-top: 21px
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-message-cover .text-area .content-text {
	line-height: 27px;
	margin-top: 15px
}
}
.company.history .main-content .history-year {
	margin: 97px 0 120px
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-year {
	margin: 45px 0 55px
}
}
.company.history .main-content .history-tabs {
	margin: 50px 0 15px;
	position: relative
}
.company.history .main-content .history-tabs:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #D2D2D2;
	bottom: 0;
	left: 0;
	z-index: 0
}
.company.history .main-content .history-tabs li {
	display: inline-block;
	cursor: pointer;
	width: 130px;
	background: #F0F0F0;
	border: 1px solid #D2D2D2;
	border-bottom: none;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	letter-spacing: 0.03em;
	font-weight: bold;
	padding: 17px 0 18px;
	margin-left: 18px
}

@media only screen and (max-width: 1023px) {
.company.history .main-content .history-tabs li {
	margin-left: 7px;
	width: 110px
}
}
.company.history .main-content .history-tabs li:first-child {
	margin-left: 0
}
.company.history .main-content .history-tabs li.active {
	position: relative;
	z-index: 1;
	background: #fff
}
.company.history .main-content .history-tab-content {
	display: none
}
.company.history .main-content .history-tab-content.active {
	display: block
}
.company.history .main-content .history-details {
	width: 100%
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-details {
	border: 1px solid #D2D2D2
}
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-details tr:last-child td:last-child {
	border: none;
	padding-bottom: 35px
}
}
.company.history .main-content .history-details td {
	line-height: 27px;
	padding: 16px 8px;
	border-bottom: 1px solid #D2D2D2
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-details td {
	display: block;
	width: 90%;
	padding: 0;
	margin: 0 5%
}
}
.company.history .main-content .history-details td:first-child {
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	font-weight: bold;
	width: 140px
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-details td:first-child {
	font-size: 15px;
	font-size: 1.5rem;
	width: 90%;
	border: none;
	line-height: 26px;
	padding-top: 24px
}
}
.company.history .main-content .history-details td:last-child {
	font-size: 15px;
	font-size: 1.5rem
}

@media only screen and (max-width: 767px) {
.company.history .main-content .history-details td:last-child {
	padding-bottom: 20px
}
}
.company.history .main-content .select-cover {
	position: relative;
	margin: 27px 0 13px
}
.company.history .main-content .select-cover:before, .company.history .main-content .select-cover:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.company.history .main-content .select-cover:before {
	right: 45px;
	background-color: #E2E4EA;
	width: 1px;
	height: 43px
}
.company.history .main-content .select-cover:after {
	right: 23px;
	border-bottom: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	margin-top: -3px
}
.company.history .main-content .history-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	background: transparent;
	border: 1px solid #D2D2D2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px;
	letter-spacing: 0.05em;
	padding: 15px 17px
}
select, input[type='text'], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}
select::-ms-expand, .hid_url {
display:none
}
::-webkit-input-placeholder {
color:#b1b1b1;
font-size:14px
}
::-moz-placeholder {
color:#b1b1b1;
font-size:14px
}
:-ms-input-placeholder {
color:#b1b1b1;
font-size:14px
}
:-moz-placeholder {
color:#b1b1b1;
font-size:14px
}
.tableContact select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.tableContact select::-ms-expand {
display:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
-webkit-box-shadow:0 0 0px 1000px #fff inset;
transition:background-color 5000s ease-in-out 0s
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.headSubBox.bgIndusOffer {
	background: url(../img/industry-offer/img_head_pc.jpg) center no-repeat;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.headSubBox {
	margin-bottom: 25px;
	height: auto
}
.headSubBox.bgIndusOffer {
	background: none
}
.headSubBox .img {
	position: relative
}
.headSubBox .img img {
	display: block;
	width: 100%;
	min-height: 156px
}
}
.headSubBox.headSubBoxStep2 {
	height: 200px;
	background: #1971BC
}
.headSubBox.headSubBoxStep2 .txtBox {
	padding-top: 50px
}
.headSubBox.headSubBoxStep2 .txtBox .ttl {
	font-size: 35px;
	line-height: 1.5
}

@media only screen and (max-width: 767px) {
.headSubBox.headSubBoxStep2 {
	height: 156px;
	background: #1971BC;
	margin-bottom: 37px
}
.headSubBox.headSubBoxStep2 .txtBox {
	padding-top: 30px;
	position: static;
	margin-top: 0
}
.headSubBox.headSubBoxStep2 .txtBox .ttl {
	font-size: 32px
}
}
#industry-offer .footer {
	display: none
}
#industry-offer .txtCopyContact {
	font-size: 10px;
	color: #fff;
	background: #0A0A0A;
	padding: 20px 15px;
	text-align: center
}
.indusOfferBox1 {
	max-width: 800px;
	padding: 0 15px;
	margin: 50px auto 65px
}
.indusOfferBox1 .ttl {
	text-align: center;
	margin-bottom: 50px;
	font-size: 30px
}
.indusOfferBox1 .txt {
	line-height: 2;
	font-size: 18px
}

@media only screen and (max-width: 767px) {
.indusOfferBox1 {
	margin-bottom: 40px
}
.indusOfferBox1 .ttl {
	margin-bottom: 30px;
	font-size: 24px
}
}

@media only screen and (max-width: 340px) {
.indusOfferBox1 .ttl {
	font-size: 22px
}
}
.indusOfferBox2 {
	margin-bottom: 80px;
	overflow: hidden
}

@media only screen and (max-width: 767px) {
.indusOfferBox2 {
	margin-bottom: 60px
}
}
.indusOfferBox2 .innerBox {
	margin: 0 -6px;
	font-size: 0;
	letter-spacing: 0
}
.indusOfferBox2 .innerBox li {
	display: inline-block;
	vertical-align: top;
	width: 33.33333%;
	padding: 0 6px
}
.indusOfferBox2 .innerBox li img {
	display: block;
	width: 100%
}

@media only screen and (max-width: 767px) {
.indusOfferBox2 .innerBox {
	margin: 0 -2px
}
.indusOfferBox2 .innerBox li {
	padding: 0 2px
}
}
.indusOfferBox3 {
	margin-bottom: 75px;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 {
	margin-bottom: 50px
}
}
.indusOfferBox3 .inneBox {
	max-width: 1200px;
	margin: 0 auto
}
.indusOfferBox3 .ttl {
	text-align: center;
	margin-bottom: 20px;
	font-size: 36px
}
.indusOfferBox3 .ttl span {
	font-size: 15px;
	display: block;
	letter-spacing: 2px;
	font-weight: 300
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 .ttl {
	margin-bottom: 30px;
	font-size: 35px
}
}
.indusOfferBox3 .txt {
	text-align: center;
	margin-bottom: 50px;
	line-height: 38px;
	font-size: 18px
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 .txt {
	text-align: left;
	margin-bottom: 25px;
	line-height: 32px
}
}
.indusOfferBox3 table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #707070;
	margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 table {
	display: block
}
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 table thead, .indusOfferBox3 table tbody {
	display: block
}
}
.indusOfferBox3 table th, .indusOfferBox3 table td {
	text-align: center;
	font-size: 18px;
	border-right: 1px solid #BFBFBF;
	width: 33.33333%
}
.indusOfferBox3 table th:last-child, .indusOfferBox3 table td:last-child {
	border-right: 0
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 table th, .indusOfferBox3 table td {
	display: block;
	border-right: 0;
	text-align: left;
	vertical-align: middle;
	text-align: center
}
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 table tr {
	display: block
}
}
.indusOfferBox3 table th {
	color: #fff!important;
	background: #1971BC;
	padding: 15px;
	letter-spacing: 1px;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 table th {
	width: 100%;
	font-size: 16px
}
}
.indusOfferBox3 table td {
	vertical-align: middle;
	line-height: 27px;
	height: 90px
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 table td {
	width: 100%;
	font-size: 22px;
	height: auto
}
}
.indusOfferBox3 table td img {
	display: block;
	width: 100%
}
.indusOfferBox3 table td p {
	padding: 16px
}

@media only screen and (max-width: 767px) {
.indusOfferBox3 .sp-cover {
	display: table;
	width: 100%
}
.indusOfferBox3 .sp-cover .cell, .indusOfferBox3 .sp-cover p {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center
}
}
.indusOfferBox3 .txtNote {
	text-align: right;
	color: #656565;
	font-size: 13px
}
.indusOfferBox4 {
	margin-bottom: 90px;
	text-align: center;
	padding: 60px 15px 50px;
	color: #fff;
	background-image: linear-gradient(to right, #0062B5, #7EBEFF);
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.indusOfferBox4:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	border-top: 24px solid #3F90DA;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -24px
}

@media only screen and (max-width: 767px) {
.indusOfferBox4 {
	margin-bottom: 30px;
	padding: 30px 15px;
	font-size: 24px
}
.indusOfferBox4:after {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #3F90DA;
	bottom: -20px;
	margin-left: -20px
}
}

@media only screen and (max-width: 350px) {
.indusOfferBox4 {
	font-size: 22px
}
}
.indusOfferBox5 {
	margin-bottom: 70px;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 {
	margin-bottom: 45px
}
}
.indusOfferBox5 .innerBox {
	max-width: 1200px;
	margin: 0 auto
}
.indusOfferBox5 .ttlBox .ttl {
	text-align: center;
	line-height: 1;
	font-size: 30px;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .ttlBox .img {
	display: block;
	float: left;
	max-width: 70px
}
.indusOfferBox5 .ttlBox .img img {
	display: block
}
.indusOfferBox5 .ttlBox .ttl {
	text-align: left;
	line-height: 1.5;
	font-size: 25px;
	overflow: hidden;
	padding-left: 15px;
	padding-top: 30px
}
}

@media only screen and (max-width: 767px) and (max-width: 350px) {
.indusOfferBox5 .ttlBox .ttl {
	font-size: 20px
}
}
.indusOfferBox5 .box {
	margin-bottom: 60px
}
.indusOfferBox5 .box .img {
	float: left
}
.indusOfferBox5 .box .img img {
	display: block
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .box {
	margin-bottom: 45px
}
}
.indusOfferBox5 .box .listBox {
	overflow: hidden;
	padding-left: 30px;
	padding-top: 65px;
	font-size: 0;
	letter-spacing: 0
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .box .listBox {
	padding-top: 30px;
	padding-left: 0
}
}
.indusOfferBox5 .box .listBox li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-bottom: 38px
}
.indusOfferBox5 .box .listBox li:nth-child(odd) {
	padding-right: 10px
}
.indusOfferBox5 .box .listBox li:nth-child(even) {
	padding-left: 10px
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .box .listBox li {
	width: 100%;
	margin-bottom: 28px
}
.indusOfferBox5 .box .listBox li:nth-child(odd) {
	padding-right: 0
}
.indusOfferBox5 .box .listBox li:nth-child(even) {
	padding-left: 0
}
.indusOfferBox5 .box .listBox li:last-child {
	margin-bottom: 0
}
}
.indusOfferBox5 .box .listBox .txt {
	position: relative;
	text-align: center;
	font-size: 17px;
	padding: 22px 0;
	background: #D0E6F4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

@media only screen and (max-width: 920px) {
.indusOfferBox5 .box .listBox .txt {
	font-size: 15px
}
}

@media only screen and (max-width: 840px) {
.indusOfferBox5 .box .listBox .txt {
	font-size: 13px
}
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .box .listBox .txt {
	font-size: 16px;
	letter-spacing: 1px
}
}

@media only screen and (max-width: 340px) {
.indusOfferBox5 .box .listBox .txt {
	font-size: 15px;
	letter-spacing: 0
}
}
.indusOfferBox5 .box .listBox .txt .icon {
	position: absolute;
	left: 15px;
	bottom: -24px
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .box .listBox .txt .icon {
	bottom: auto;
	top: -16px
}
}
.indusOfferBox5 .brnBox {
	max-width: 855px;
	margin: 0 auto;
	background: url(../img/industry-offer/bg.png) top left no-repeat;
	background-size: cover;
	padding: 15px 35px;
	position: relative;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .brnBox {
	background: none;
	background-image: linear-gradient(to left, #3FA1E0, #81D6C6);
	padding: 25px 0 25px 15px
}
}
.indusOfferBox5 .brnBox:hover {
	opacity: 0.7
}
.indusOfferBox5 .brnBox .img {
	float: left
}
.indusOfferBox5 .brnBox .img img {
	display: block
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .brnBox .img {
	max-width: 130px;
	padding-top: 20px
}
}
.indusOfferBox5 .brnBox .txtBox {
	overflow: hidden;
	position: relative;
	padding-left: 45px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: bold;
	padding-top: 30px
}

@media only screen and (max-width: 820px) {
.indusOfferBox5 .brnBox .txtBox {
	padding-left: 30px
}
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .brnBox .txtBox {
	padding-left: 15px;
	padding-top: 0
}
}
.indusOfferBox5 .brnBox .txtBox .txt1 {
	font-size: 22px
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .brnBox .txtBox .txt1 {
	font-size: 15px
}
}

@media only screen and (max-width: 350px) {
.indusOfferBox5 .brnBox .txtBox .txt1 {
	font-size: 13px
}
}
.indusOfferBox5 .brnBox .txtBox .txt2 {
	font-size: 37px;
	line-height: 1.3
}

@media only screen and (max-width: 820px) {
.indusOfferBox5 .brnBox .txtBox .txt2 {
	font-size: 35px
}
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .brnBox .txtBox .txt2 {
	font-size: 28px
}
}

@media only screen and (max-width: 350px) {
.indusOfferBox5 .brnBox .txtBox .txt2 {
	font-size: 24px
}
}
.indusOfferBox5 .brnBox .txtBox:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 62px;
	width: 20px;
	height: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media only screen and (max-width: 767px) {
.indusOfferBox5 .brnBox .txtBox:after {
	top: 62px;
	width: 12px;
	height: 12px;
	right: 20px
}
}
.indusOfferBox6 {
	background: #F0F0F0;
	padding: 85px 15px 102px
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 {
	padding: 40px 15px 35px
}
}
.indusOfferBox6 .ttl {
	text-align: center;
	margin-bottom: 40px;
	font-size: 36px
}
.indusOfferBox6 .ttl span {
	font-size: 15px;
	display: block;
	letter-spacing: 2px;
	font-weight: 300
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .ttl {
	margin-bottom: 30px;
	font-size: 35px;
	line-height: 1.3
}
.indusOfferBox6 .ttl span {
	margin-bottom: 10px
}
}
.indusOfferBox6 .box1 {
	padding: 35px 55px;
	background: #fff;
	max-width: 1200px;
	margin: 0 auto 38px
}
.indusOfferBox6 .box1:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box1 {
	padding: 20px;
	margin-bottom: 20px
}
}
.indusOfferBox6 .box1 th {
	width: 200px;
	padding-right: 15px;
	padding: 5px 15px 5px 0
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box1 th {
	width: 145px
}
}
.indusOfferBox6 .box1 td {
	border-bottom: 1px solid #D2D2D2;
	vertical-align: middle;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box1 td {
	padding: 0;
	line-height: 27px
}
}
.indusOfferBox6 .box1 tr:last-child td {
	border-bottom: 0
}
.indusOfferBox6 .box1 tr:last-child .txtBox:after {
	display: none
}
.indusOfferBox6 .box1 .txtBox {
	text-align: center;
	padding: 25px 0;
	color: #fff!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative
}
.indusOfferBox6 .box1 .txtBox p {
	color: #fff!important;
}
.indusOfferBox6 .box1 .txtBox .txt1 {
	font-size: 15px
	color: #fff!important;
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box1 .txtBox .txt1 {
	font-size: 16px
}
}
.indusOfferBox6 .box1 .txtBox .txt2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box1 .txtBox .txt2 {
	font-size: 18px
}
}
.indusOfferBox6 .box1 .txtBox.bg1 {
	background: #3FA1E0
}
.indusOfferBox6 .box1 .txtBox.bg2 {
	background: #55B3D7
}
.indusOfferBox6 .box1 .txtBox.bg3 {
	background: #59BCC9
}
.indusOfferBox6 .box1 .txtBox.bg4 {
	background: #56D0B9
}
.indusOfferBox6 .box1 .txtBox:after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	display: block;
	background: url(../img/industry-offer/icon_2.svg) top left no-repeat;
	background-size: 100%;
	bottom: -17px;
	left: 50%;
	z-index: 1;
	margin-left: -12.5px
}
.indusOfferBox6 .box2 {
	background: #fff;
	max-width: 1200px;
	padding: 60px 55px 65px;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box2 {
	padding: 35px 20px 25px
}
}
.indusOfferBox6 .box2 .ttlSub {
	text-align: center;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box2 .ttlSub {
	font-size: 27px
}
}
.indusOfferBox6 .box2 .txt {
	text-align: center;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 38px
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box2 .txt {
	text-align: left;
	line-height: 32px;
	margin-bottom: 20px
}
}
.indusOfferBox6 .box2 .listBox {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	max-width: 790px;
	margin: 0 auto
}
.indusOfferBox6 .box2 .listBox li {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.indusOfferBox6 .box2 .listBox li:nth-child(1) {
	padding-right: 10px
}
.indusOfferBox6 .box2 .listBox li:nth-child(1) .bx {
	background: #FFE8E8;
	border: 1px solid #D59E9E
}
.indusOfferBox6 .box2 .listBox li:nth-child(2) {
	padding-left: 10px
}
.indusOfferBox6 .box2 .listBox li:nth-child(2) .bx {
	background: #D8EFFD;
	border: 1px solid #809FB2
}
.indusOfferBox6 .box2 .listBox li .bx {
	max-width: 386px;
	width: 100%;
	padding: 40px 34px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

@media only screen and (max-width: 830px) {
.indusOfferBox6 .box2 .listBox li .bx {
	padding: 30px 20px
}
}

@media only screen and (max-width: 767px) {
.indusOfferBox6 .box2 .listBox li {
	display: block;
	width: 100%
}
.indusOfferBox6 .box2 .listBox li:nth-child(1) {
	padding-right: 0;
	margin-bottom: 15px
}
.indusOfferBox6 .box2 .listBox li:nth-child(2) {
	padding-left: 0
}
.indusOfferBox6 .box2 .listBox li .bx {
	padding: 30px 25px;
	max-width: 100%
}
}
.indusOfferBox6 .box2 .listBox .icon {
	margin-bottom: 20px;
	font-size: 0;
	text-align: center
}
.indusOfferBox6 .box2 .listBox .icon img {
	display: inline-block
}
.indusOfferBox6 .box2 .listBox .ttl1 {
	font-size: 20px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 20px;
	line-height: 1.5
}

@media only screen and (max-width: 340px) {
.indusOfferBox6 .box2 .listBox .ttl1 {
	font-size: 18px
}
}
.indusOfferBox6 .box2 .listBox .txtSub {
	text-align: left;
	font-size: 15px
}
.frmContact .ttlForm {
	color: #fff;
	padding: 41px 15px;
	background: #1971BC;
	text-align: center;
	letter-spacing: 1px;
	font-size: 35px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 80px
}
.frmContact .ttlForm span {
	display: block;
	font-size: 15px;
	font-weight: 300
}

@media only screen and (max-width: 767px) {
.frmContact .ttlForm {
	padding: 35px 15px 42px;
	font-size: 36px;
	line-height: 1.4;
	margin-bottom: 45px
}
.frmContact .ttlForm span {
	margin-bottom: 10px
}
}

@media only screen and (max-width: 360px) {
.frmContact .ttlForm {
	font-size: 30px
}
}

.industry .main-content {
	margin: 95px 0 80px
}

@media only screen and (max-width: 767px) {
.industry .main-content {
	margin: 5px 0 80px
}
}
.industry .industry-container {
	max-width: 820px;
	margin: 0 auto
}

@media only screen and (max-width: 819px) {
.industry .industry-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.industry .industry-container {
	width: 92%
}
}

@media only screen and (max-width: 767px) {
.industry .full-screen-sp {
	width: 100%
}
}
.industry .industry-tabs {
	position: relative;
	font-size: 0
}
.industry .industry-tabs:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #D2D2D2;
	bottom: 0;
	left: 0;
	z-index: 0
}
.industry .industry-tabs li {
	display: inline-block;
	cursor: pointer;
	width: -webkit-calc((100% - 85px) / 6);
	width: -moz-calc((100% - 85px) / 6);
	width: calc((100% - 85px) / 6);
	margin-left: 17px;
	background: #F0F0F0;
	border: 1px solid #D2D2D2;
	border-bottom: none;
	text-align: center;
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 0.03em;
	font-weight: bold;
	padding: 18px 0
}
@supports (-ms-ime-align: auto) {
.industry .industry-tabs li {
width:calc(((100% - 85px) / 6) - 0.1px)
}
}

@media only screen and (max-width: 1023px) {
.industry .industry-tabs li {
	margin-left: 7px;
	width: 110px
}
}
.industry .industry-tabs li:first-child {
	margin-left: 0
}
.industry .industry-tabs li.active {
	position: relative;
	z-index: 1;
	background: #fff
}
.industry .industry-tab-content {
	margin-top: 74px;
	display: none
}

@media only screen and (max-width: 767px) {
.industry .industry-tab-content {
	margin-top: 36px
}
}
.industry .industry-tab-content.active {
	display: block
}
.industry .select-cover {
	position: relative;
	margin: 23px 0 13px
}
.industry .select-cover:before, .industry .select-cover:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.industry .select-cover:before {
	right: 45px;
	background-color: #E2E4EA;
	width: 1px;
	height: 43px
}
.industry .select-cover:after {
	right: 23px;
	border-bottom: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	margin-top: -3px
}
.industry .industry-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	background: transparent;
	border: 1px solid #D2D2D2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.05em;
	padding: 15px 17px;
	height: auto;
}
.industry .industry-item {
	margin-top: 100px
}

@media only screen and (max-width: 767px) {
.industry .industry-item {
	margin-top: 55px
}
}
.industry .industry-item:first-child {
	margin-top: 0
}
.industry .industry-item .title-cover {
	position: relative;
	text-align: center
}
.industry .industry-item .title-cover:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	min-height: 100%;
	height: 249px;
	z-index: 0;
	background-image: linear-gradient(to right, #7EBEFF, #0062B5)
}

@media only screen and (max-width: 767px) {
.industry .industry-item .title-cover:before {
	height: 190px
}
}
.industry .industry-item .title-cover .title-text {
	position: relative;
	z-index: 1;
	font-size: 30px;
	line-height: 51px;
	letter-spacing: 0.05em;
	color: #fff;
	padding: 61px 0
}

@media only screen and (max-width: 1044px) {
.industry .industry-item .title-cover .title-text {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.industry .industry-item .title-cover .title-text {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
	letter-spacing: 0.03em;
	line-height: 32px;
	padding: 30px 0
}
}
.industry .industry-item .title-cover .title-text .eng {
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	letter-spacing: 0.13em
}

@media only screen and (max-width: 767px) {
.industry .industry-item .title-cover .title-text .eng {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 5px
}
}
.industry .industry-item .description {
	position: relative;
	z-index: 1;
	border: 1px solid #C7C7C7;
	background-color: #fff;
	padding: 46px 65px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .description {
	padding: 10px 15px
}
}
.industry .industry-item .description .line {
	height: 1px;
	width: 100%;
	background-color: #C7C7C7;
	margin: 20px 0;
	display: block
}
.industry .industry-item .description__text {
	font-size: 15px;
	line-height: 27px
}
.industry .industry-item .description__large-text {
	font-size: 18px;
	line-height: 27px;
	color: #1971BC;
	margin-bottom: 10px
}
.industry .industry-item .block {
	margin-top: 33px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .block {
	margin-top: 20px
}
}
.industry .industry-item .block__title {
	text-align: center;
	font-size: 22px;
	line-height: 37px;
	letter-spacing: 0.05em
}

@media only screen and (max-width: 767px) {
.industry .industry-item .block__title {
	font-size: 26px;
	line-height: 44px
}
}
.industry .industry-item .spec-block .spec-detail {
	margin-top: 10px
}
.industry .industry-item .spec-block .spec-detail tr {
	border-bottom: 7px solid #fff;
	background-color: #F0F0F0
}

@media only screen and (max-width: 767px) {
.industry .industry-item .spec-block .spec-detail tr {
	display: block;
	border-bottom: none;
	margin-bottom: 6px
}
}
.industry .industry-item .spec-block .spec-detail th, .industry .industry-item .spec-block .spec-detail td {
	vertical-align: middle
}

@media only screen and (max-width: 767px) {
.industry .industry-item .spec-block .spec-detail th, .industry .industry-item .spec-block .spec-detail td {
	display: block
}
}
.industry .industry-item .spec-block .spec-detail th {
	background-color: #1971BC;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	width: 137px;
	height: 60px;
	padding-left: 20px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .spec-block .spec-detail th {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 12px 0 11px
}
}
.industry .industry-item .spec-block .spec-detail td {
	position: relative;
	padding: 0 30px 0 47px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .spec-block .spec-detail td {
	padding: 18px 20px 17px
}
}
.industry .industry-item .spec-block .spec-detail td .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/industry/img_spectitlearrow.png") left center no-repeat;
	background-size: auto 100%;
	z-index: 1
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.industry .industry-item .spec-block .spec-detail td .bg {
	left: -1px
}
}

@media only screen and (max-width: 767px) {
.industry .industry-item .spec-block .spec-detail td .bg {
	background: #1971BC;
	width: 12px;
	height: 12px;
	-webkit-transform: translate(-50%, 0) rotate(45deg);
	-moz-transform: translate(-50%, 0) rotate(45deg);
	-ms-transform: translate(-50%, 0) rotate(45deg);
	-o-transform: translate(-50%, 0) rotate(45deg);
	transform: translate(-50%, 0) rotate(45deg);
	top: -6px;
	left: 50%
}
}
.industry .industry-item .use-block .use-list {
	margin-top: 10px;
	background-color: #F0F0F0;
	font-size: 0;
	text-align: center;
	padding: 15px 30px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .use-block .use-list {
	text-align: left;
	padding: 15px 20px
}
}
.industry .industry-item .use-block .use-list li {
	position: relative;
	display: inline-block;
	margin-left: 40px;
	font-size: 15px;
	line-height: 30px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .use-block .use-list li {
	margin-left: 0;
	display: block
}
}
.industry .industry-item .use-block .use-list li:first-child {
	margin-left: 0
}
.industry .industry-item .use-block .use-list li:before {
	content: "";
	width: 5px;
	height: 5px;
	background-color: #1971BC;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	margin-bottom: 3px
}
.industry .industry-item .video-cover {
	margin-top: 80px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .video-cover {
	margin-top: 40px
}
}
.industry .industry-item .video-cover iframe {
	width: 100%
}

@media only screen and (max-width: 767px) {
.industry .industry-item .video-cover iframe {
	height: 200px
}
}
.industry .industry-item .img-cover {
	margin-top: 65px;
	font-size: 0;
	text-align: center
}

@media only screen and (max-width: 767px) {
.industry .industry-item .img-cover {
	margin-top: 45px
}
.industry .industry-item .img-cover img {
	width: 100%
}
}
.industry .industry-item .contact-text {
	margin-top: 50px;
	font-size: 15px;
	line-height: 24px
}

@media only screen and (max-width: 767px) {
.industry .industry-item .contact-text {
	margin-top: 25px
}
}
.industry .industry-item .contact-text .to-contact-form {
	text-decoration: underline;
	color: #1971BC
}
.industry .industry-item .to-industry-offer {
	background-color: #1971BC;
	color: #fff;
	display: block;
	max-width: 342px;
	margin: 57px auto 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 31px;
	position: relative;
	padding: 29px 0 28px;
	width: 92%
}

@media only screen and (max-width: 767px) {
.industry .industry-item .to-industry-offer {
	margin-top: 40px;
	max-width: none;
	font-size: 16px;
	line-height: 27px;
	padding: 25px 0 24px
}
}
.industry .industry-item .to-industry-offer:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	border-top: 1px solid;
	border-right: 1px solid;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	width: 7px;
	height: 7px
}
.recruit.interview .main-img {
	background-image: url("../../images/img/interview/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.recruit.interview .main-img {
	background-image: url("../../images/img/interview/mainimg_sp.png")
}
}

@media only screen and (max-width: 767px) {
.recruit.interview .main-container.fluid-sp {
	width: 100%
}
}
.recruit.interview .interview-nav {
	background-image: linear-gradient(to right, #00A283, #8BDE5F);
	height: 199px;
	margin-top: 143px
}
.recruit.interview .main-container {
    max-width: 1045px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav {
	height: auto;
	padding: 15px 0 15px;
	margin-top: 25px
}
}
.recruit.interview .interview-nav__item {
	display: block;
	float: left;
	width: 19.8%;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-top: -42px;
	margin-left: 4.5%;
	position: relative;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	-ms-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	-o-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16)
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interview-nav__item {
	width: 22.2%;
	margin-left: 2%
}
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interview-nav__item {
	margin-top: -25px
}
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item {
	width: 48%;
	margin-left: 4%;
	margin-top: 0;
	margin-bottom: 20px
}
}
.recruit.interview .interview-nav__item:first-child {
	margin-left: 2.5%
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item:nth-child(odd) {
	margin-left: 0
}
}
.recruit.interview .interview-nav__item:after {
	content: "";
	border-right: 1px solid #656565;
	border-bottom: 1px solid #656565;
	position: absolute;
	bottom: 17px;
	left: 50%;
	-webkit-transform: translate(-50%, 0) rotate(45deg);
	-moz-transform: translate(-50%, 0) rotate(45deg);
	-ms-transform: translate(-50%, 0) rotate(45deg);
	-o-transform: translate(-50%, 0) rotate(45deg);
	transform: translate(-50%, 0) rotate(45deg);
	width: 8px;
	height: 8px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item:after {
	width: 6px;
	height: 6px
}
}
.recruit.interview .interview-nav__item .img-cover {
	position: absolute;
	bottom: 80px;
	left: 30px;
	width: 71.5%
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .img-cover {
	bottom: auto;
	top: -25px;
	left: 55%;
	width: 60%;
	-webkit-transform: translate(-55%, 0);
	-moz-transform: translate(-55%, 0);
	-ms-transform: translate(-55%, 0);
	-o-transform: translate(-55%, 0);
	transform: translate(-55%, 0)
}
}
.recruit.interview .interview-nav__item .img-cover.pos1 {
	left: 37px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .img-cover.pos1 {
	left: 55%;
	-webkit-transform: translate(-55%, 0);
	-moz-transform: translate(-55%, 0);
	-ms-transform: translate(-55%, 0);
	-o-transform: translate(-55%, 0);
	transform: translate(-55%, 0)
}
}
.recruit.interview .interview-nav__item .img-cover.pos2 {
	left: 35px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .img-cover.pos2 {
	left: 55%;
	-webkit-transform: translate(-55%, 0);
	-moz-transform: translate(-55%, 0);
	-ms-transform: translate(-55%, 0);
	-o-transform: translate(-55%, 0);
	transform: translate(-55%, 0)
}
}
.recruit.interview .interview-nav__item .img-cover.pos3 {
	left: 20px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .img-cover.pos3 {
	left: 48%;
	-webkit-transform: translate(-55%, 0);
	-moz-transform: translate(-55%, 0);
	-ms-transform: translate(-55%, 0);
	-o-transform: translate(-55%, 0);
	transform: translate(-55%, 0)
}
}
.recruit.interview .interview-nav__item .img-cover.pos4 {
	left: 15px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .img-cover.pos4 {
	left: 50%;
	width: 55%;
	-webkit-transform: translate(-55%, 0);
	-moz-transform: translate(-55%, 0);
	-ms-transform: translate(-55%, 0);
	-o-transform: translate(-55%, 0);
	transform: translate(-55%, 0)
}
}
.recruit.interview .interview-nav__item .basic-info {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-top: 123px
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interview-nav__item .basic-info {
	margin-top: 138px
}
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interview-nav__item .basic-info {
	margin-top: 80px
}
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .basic-info {
	margin-top: 55%
}
}
.recruit.interview .interview-nav__item .basic-info .position {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 26px;
	margin-bottom: -2px
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interview-nav__item .basic-info .position {
	font-size: 12px;
	font-size: 1.2rem
}
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .basic-info .position {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 18px
}
}

@media only screen and (max-width: 374px) {
.recruit.interview .interview-nav__item .basic-info .position {
	font-size: 11px;
	font-size: 1.1rem
}
}
.recruit.interview .interview-nav__item .basic-info .name {
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.055em;
	color: #000;
	vertical-align: middle
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interview-nav__item .basic-info .name {
	font-size: 16px;
	font-size: 1.6rem
}
}

@media only screen and (max-width: 767px) {
.recruit.interview .interview-nav__item .basic-info .name {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px
}
}
.recruit.interview .interview-nav__item .basic-info .name-rom {
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 13px;
	letter-spacing: 0.130em;
	font-weight: 200;
	font-style: italic;
	margin-left: 5px
}
.recruit.interview .left-area {
	float: left
}

@media only screen and (max-width: 767px) {
.recruit.interview .left-area {
	float: none
}
}
.recruit.interview .right-area {
	float: right
}

@media only screen and (max-width: 767px) {
.recruit.interview .right-area {
	float: none
}
}

.recruit.interview .interviewer.interviewer01 {
    padding-top: 38px;
    margin-top: 100px
}

@media only screen and (max-width: 767px) {
    .recruit.interview .interviewer.interviewer01 {
        margin-top:41px;
        padding-top: 0
    }
}

.recruit.interview .interviewer.interviewer02 {
    padding: 30px 0 152px;
    margin-top: 158px;
    background-image: linear-gradient(to right, #F0F0F0, #F0F0F0);
    background-repeat: no-repeat;
    background-position: 0 173px
}

@media only screen and (max-width: 767px) {
    .recruit.interview .interviewer.interviewer02 {
        margin-top:100px;
        padding: 0 0 120px
    }
}
.recruit.interview .interviewer.interviewer03 {
    padding: 70px 0 0;
    background-image: linear-gradient(to right, #F0F0F0, #F0F0F0);
    background-size: 100% 192px;
    background-repeat: no-repeat;
    background-position: 0 0
}

@media only screen and (max-width: 767px) {
    .recruit.interview .interviewer.interviewer03 {
        padding-top:0
    }
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer.is-last {
	padding-bottom: 108px
}
}
.recruit.interview .interviewer .interviewer-banner {
	position: relative
}
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	position: absolute;
	top: -110px;
	left: 0;
	z-index: 1;
	width: 63.4%;
	height: 450px
}

@media only screen and (max-width: 2230px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	height: 445px;
	top: -105px
}
}

@media only screen and (max-width: 2220px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	height: 435px;
	top: -95px
}
}

@media only screen and (max-width: 2000px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	height: 420px;
	top: -80px
}
}

@media only screen and (max-width: 1700px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	height: 410px;
	top: -70px
}
}

@media only screen and (max-width: 1460px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	height: 400px;
	top: -60px
}
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg {
	width: 68%
}
}
.recruit.interview .interviewer .interviewer-banner .banner-bg.right {
	left: auto;
	right: 0
}
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man01 {
	background: transparent top center no-repeat;
	background-size: cover;
	height: 463px;
	top: -124px
}

@media only screen and (max-width: 2230px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man01 {
	height: 445px;
	top: -105px
}
}

@media only screen and (max-width: 2000px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man01 {
	height: 430px;
	top: -91px
}
}

@media only screen and (max-width: 1700px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man01 {
	height: 420px;
	top: -80px
}
}

@media only screen and (max-width: 1460px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man01 {
	height: 410px;
	top: -70px
}
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man01 {
	height: 406px;
	top: -66px;
	width: 68%
}
}
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man02 {
	background: transparent top center no-repeat;
	background-size: cover
}
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man03 {
	background: transparent top center no-repeat;
	background-size: cover
}
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	background: transparent top center no-repeat;
	background-size: cover;
	height: 463px;
	top: -124px
}

@media only screen and (max-width: 2230px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	height: 445px;
	top: -105px
}
}

@media only screen and (max-width: 2000px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	height: 430px;
	top: -91px
}
}

@media only screen and (max-width: 1700px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	height: 420px;
	top: -80px
}
}

@media only screen and (max-width: 1460px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	height: 410px;
	top: -68px
}
}

@media only screen and (max-width: 1400px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	height: 405px;
	top: -65px
}
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interviewer .interviewer-banner .banner-bg.bg-man04 {
	width: 68%
}
}
.recruit.interview .interviewer .interviewer-banner .banner-man {
	position: absolute;
	bottom: 0;
	z-index: 2
}
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos01 {
	left: 31%
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos01 {
	left: 32%
}
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos01 {
	left: 12.5%
}
}
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos02 {
	right: 21.8%
}

@media only screen and (max-width: 1365px) {
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos02 {
	right: 20%
}
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos02 {
	right: 4%
}
}
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos03 {
	left: 28.9%
}

@media only screen and (max-width: 1023px) {
.recruit.interview .interviewer .interviewer-banner .banner-man.man-pos03 {
	left: 8.7%
}
}
.recruit.interview .interviewer .interviewer-banner .gradient-box {
	width: 340px;
	height: 340px;
	background-image: linear-gradient(to top, #00A283, #8BDE5F);
	display: table;
	position: relative;
	z-index: 3
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .interviewer-banner .gradient-box {
	position: static;
	width: 100%;
	height: auto;
	padding: 20px 0 14px;
	background-image: linear-gradient(to right, #00A283, #8BDE5F)
}
}
.recruit.interview .interviewer .interviewer-banner .gradient-box__content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.recruit.interview .interviewer .interviewer-banner .gradient-box__content .year {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 28px
}
.recruit.interview .interviewer .interviewer-banner .gradient-box__content .name {
	font-size: 50px;
	font-size: 5rem;
	line-height: 85px;
	letter-spacing: 0.055em
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .interviewer-banner .gradient-box__content .name {
	display: inline-block;
	vertical-align: middle
}
}
.recruit.interview .interviewer .interviewer-banner .gradient-box__content .name-rom {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	line-height: 25px;
	letter-spacing: 0.130em
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .interviewer-banner .gradient-box__content .name-rom {
	display: inline-block;
	margin-left: 10px
}
}
.recruit.interview .interviewer .interviewer-banner .banner-man-sp {
	display: block;
	width: 100%
}
.recruit.interview .interviewer .interviewer-details-block {
	margin-top: 80px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .interviewer-details-block {
	margin-top: 15px
}
}
.recruit.interview .interviewer .interviewer-details-block .img-cover {
	width: 42.2%
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .interviewer-details-block .img-cover {
	width: 92%;
	margin: auto
}
}
.recruit.interview .interviewer .interviewer-details-block .img-cover.width01 {
	width: 41.3%
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .interviewer-details-block .img-cover.width01 {
	width: 92%
}
}
.recruit.interview .interviewer .interviewer-details-block .img-cover img {
	display: block;
	width: 100%
}
.recruit.interview .interviewer .content-details {
	width: 57%;
	padding: 15px 30px 0
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .content-details {
	width: 100%;
	padding: 15px 0 0
}
}
.recruit.interview .interviewer .content-details.right-area {
	padding: 15px 0 0 60px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .content-details.right-area {
	padding: 15px 0 0
}
}
.recruit.interview .interviewer .content-details .block {
	margin-bottom: 55px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .content-details .block {
	margin-bottom: 45px
}
}
.recruit.interview .interviewer .content-details .block:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .content-details .block:last-child {
	margin-bottom: 25px
}
}
.recruit.interview .interviewer .content-details .large-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.025em;
	font-weight: bold;
	position: relative
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .content-details .large-text {
	padding-left: 25px
}
}
.recruit.interview .interviewer .content-details .large-text:before {
	content: "";
	position: absolute;
	left: -30px;
	width: 12px;
	height: 4px;
	background-color: #00A283;
	top: 13px
}

@media only screen and (max-width: 767px) {
.recruit.interview .interviewer .content-details .large-text:before {
	left: 0
}
}
.recruit.interview .interviewer .content-details .text {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 20px;
	line-height: 27px
}

@media only screen and (max-width: 767px) {
.recruit.interview .content-section06 {
	margin-top: 0
}
}
.company.iso .main-img {
	background-image: url("../../images/img/iso/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.company.iso .main-img {
	background-image: url("../../images/img/iso/mainimg_sp.jpg")
}
}
.company.iso .iso-container {
	max-width: 820px;
	margin: 0 auto
}

@media only screen and (max-width: 819px) {
.company.iso .iso-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.company.iso .iso-container {
	width: 92%
}
}
.company.iso .main-content {
	margin: 100px auto 115px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content {
	margin: 32px auto 57px
}
}
.company.iso .main-content .img-box {
	float: right;
	width: 28.5%
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .img-box {
	float: none;
	width: 100%;
	text-align: center
}
}
.company.iso .main-content .text-box {
	float: left;
	width: 70%
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .text-box {
	float: none;
	width: 100%;
	margin-top: 25px
}
}
.company.iso .main-content .text-box .intro-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 41px;
	letter-spacing: 0.025em;
	font-weight: bold;
	color: #1971BC
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .text-box .intro-title {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 37px;
	letter-spacing: 0.03em
}
}
.company.iso .main-content .text-box .intro-text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	margin-top: 10px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .text-box .intro-text {
	margin-top: 13px;
	padding-right: 10px
}
}
.company.iso .main-content .small-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.025em;
	font-weight: bold;
	position: relative;
	padding-left: 28px;
	text-align: left
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .small-title {
	padding-left: 25px
}
}
.company.iso .main-content .small-title:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 12px;
	height: 4px;
	background-color: #1971BC
}
.company.iso .main-content .content-area {
	margin-top: 75px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .content-area {
	margin-top: 48px
}
}
.company.iso .main-content .content-area.custom-mt {
	margin-top: 85px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .content-area.custom-mt {
	margin-top: 63px
}
}
.company.iso .main-content .content-area .content-text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	margin: 17px 25px 0
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .content-area .content-text {
	margin-left: 0
}
}
.company.iso .main-content .iso-table {
	margin-top: 28px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-table {
	margin-top: 33px
}
}
.company.iso .main-content .iso-table tr:first-child td {
	border-top: 1px solid #D2D2D2
}
.company.iso .main-content .iso-table td {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 30px;
	border-bottom: 1px solid #D2D2D2;
	padding: 15px 22px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-table td {
	padding: 12px 11px 10px;
	line-height: 27px
}
}
.company.iso .main-content .iso-table td:first-child {
	width: 162px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-table td:first-child {
	width: 107px
}
}
.company.iso .main-content .iso-list {
	background-color: #F0F0F0;
	margin-top: 32px;
	padding: 38px 42px 30px;
	list-style: none;
	counter-reset: my-counter
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-list {
	margin-top: 20px;
	padding: 13px 16px 20px
}
}
.company.iso .main-content .iso-list>li {
	counter-increment: my-counter;
	border-bottom: 1px solid #D2D2D2;
	padding: 13px 0 13px 37px;
	position: relative;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-list>li {
	padding: 13px 0 13px 34px
}
}
.company.iso .main-content .iso-list>li:before {
	content: counter(my-counter) ".";
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	position: absolute;
	left: 5px;
	top: 13px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-list>li:before {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600
}
}
.company.iso .main-content .iso-list>li:last-child {
	border-bottom: none
}
.company.iso .main-content .iso-list>li .level2 {
	padding-left: 30px
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-list>li .level2 {
	padding-left: 0px
}
}

@media only screen and (max-width: 767px) {
.company.iso .main-content .iso-list>li .level2 li {
	margin-top: 27px
}
}
.recruit.message .main-img {
	background-image: url("../../images/img/message/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.recruit.message .main-img {
	background-image: url("../../images/img/message/mainimg_sp.jpg")
}
}
.recruit.message .intro-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 38px;
	text-align: center;
	margin-top: 90px
}

@media only screen and (max-width: 767px) {
.recruit.message .intro-text {
	line-height: 32px;
	text-align: justify;
	margin-top: 22px
}
}
.recruit.message .edu-container {
	max-width: 1250px;
	margin: 0 auto
}

@media only screen and (max-width: 1249px) {
.recruit.message .edu-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.recruit.message .edu-container {
	width: 92%
}
}
.recruit.message .graph-area {
	margin-top: 80px;
	background-color: #EBEBEB;
	padding: 70px 0;
	font-size: 0
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area {
	margin-top: 50px;
	padding: 30px 0 50px
}
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .graph-item {
	margin-top: 20px
}
}
.recruit.message .graph-area .graph-item.w100 {
	width: 100%
}
.recruit.message .graph-area .block01 .left {
	float: left;
	width: 38.8%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block01 .left {
	float: none;
	width: 100%
}
}
.recruit.message .graph-area .block01 .right {
	float: right;
	width: 58.6%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block01 .right {
	float: none;
	width: 100%
}
}
.recruit.message .graph-area .block01 .graph-item.mt {
	margin-top: 5.7%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block01 .graph-item.mt {
	margin-top: 20px
}
}
.recruit.message .graph-area .block02 {
	margin-top: 29px
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block02 {
	margin-top: 0
}
}
.recruit.message .graph-area .block02 .graph-item {
	width: 30.8%;
	margin-left: 3.8%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block02 .graph-item {
	margin-left: 0;
	width: 100%
}
}
.recruit.message .graph-area .block02 .graph-item:first-child {
	margin-left: 0
}
.recruit.message .graph-area .block03 {
	margin-top: 29px
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block03 {
	margin-top: 0
}
}
.recruit.message .graph-area .block03 .left {
	float: left;
	width: 48.72%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block03 .left {
	float: none;
	width: 100%
}
}
.recruit.message .graph-area .block03 .right {
	float: right;
	width: 48.72%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block03 .right {
	float: none;
	width: 100%
}
}
.recruit.message .graph-area .block03 .graph-item.mt {
	margin-top: 5%
}

@media only screen and (max-width: 767px) {
.recruit.message .graph-area .block03 .graph-item.mt {
	margin-top: 20px
}
}
.recruit.message .pickup-area {
	background: url("../img/message/bg_message02.jpg") center no-repeat;
	background-size: cover;
	padding: 59px 0 54px
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area {
	padding: 30px 0
}
}
.recruit.message .pickup-area .pickup-bg {
	background: #fff url("../img/message/bg_message01.png") left center no-repeat;
	background-size: auto 100%
}

@media only screen and (max-width: 1023px) {
.recruit.message .pickup-area .pickup-bg {
	padding: 10px 0
}
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-bg {
	background: #fff url("../img/message/bg_message01_sp.png") center top no-repeat;
	background-size: 100% auto
}
}
.recruit.message .pickup-area .pickup-content {
	display: table;
	width: 92%;
	min-height: 507px
}

@media only screen and (max-width: 1249px) {
.recruit.message .pickup-area .pickup-content {
	min-height: 400px;
	width: 98%
}
}

@media only screen and (max-width: 1023px) {
.recruit.message .pickup-area .pickup-content {
	min-height: 300px
}
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-content {
	min-height: 0;
	display: block;
	width: 100%
}
}
.recruit.message .pickup-area .pickup-content .pickup-content-trick {
	display: table-cell
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-content .pickup-content-trick {
	display: none
}
}
.recruit.message .pickup-area .pickup-content .pickup-content-cover {
	width: 400px;
	display: table-cell;
	vertical-align: middle
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-content .pickup-content-cover {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 69vw 0 30px
}
}
.recruit.message .pickup-area .pickup-content .pickup-text {
	color: #0062B5;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.05em;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-content .pickup-text {
	font-size: 16px
}
}
.recruit.message .pickup-area .pickup-content .pickup-title {
	font-size: 28px;
	line-height: 48px;
	letter-spacing: 0.033em;
	font-weight: bold;
	margin-top: 5px
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-content .pickup-title {
	font-size: 20px;
	line-height: 34px;
	letter-spacing: 0.025em
}
}
.recruit.message .pickup-area .pickup-content .text {
	margin-top: 40px;
	font-size: 16px;
	line-height: 28px
}

@media only screen and (max-width: 767px) {
.recruit.message .pickup-area .pickup-content .text {
	font-size: 15px;
	line-height: 27px;
	margin-top: 30px
}
}
.recruit.new-outline .main-img {
	background-image: url("../../images/img/new_outline/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .main-img {
	background-image: url("../../images/img/new_outline/mainimg_sp.jpg")
}
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .main-container.fullscreen-sp {
	width: 100%
}
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .new-ouline-nav {
	margin-bottom: 0;
	padding-bottom: 5px
}
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .new-ouline-nav li {
	border: none;
	text-align: center
}
}
.recruit.new-outline .main-content {
	margin: 70px auto 50px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .main-content {
	margin: 8px auto 30px
}
}
.recruit.new-outline .process-area {
	background-color: #F0F0F0;
	padding: 79px 0 92px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .process-area {
	padding: 48px 0 48px
}
}
.recruit.new-outline .title-box {
	text-align: center
}
.recruit.new-outline .title-box .heading-small-text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 19px;
	letter-spacing: 0.133em
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .title-box .heading-small-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 23px
}
}
.recruit.new-outline .title-box .heading-text {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 43px;
	letter-spacing: 0.055em;
	margin-top: 18px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .title-box .heading-text {
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 42px;
	margin-top: 12px
}
}
.recruit.new-outline .process-table-cover {
	background-color: #fff;
	max-width: 858px;
	padding: 40px 0 44px;
	margin: 59px auto 0
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .process-table-cover {
	margin-top: 37px;
	padding: 22px 0 30px
}
}
.recruit.new-outline .process-table {
	width: 86%;
	margin: 0 auto
}
.recruit.new-outline .process-table .step-bg01 {
	background-color: #04A481
}
.recruit.new-outline .process-table .step-bg02 {
	background-color: #16AB7D
}
.recruit.new-outline .process-table .step-bg03 {
	background-color: #30B676
}
.recruit.new-outline .process-table .step-bg04 {
	background-color: #29B263
}
.recruit.new-outline .process-table .step-bg05 {
	background-color: #46BC58
}
.recruit.new-outline .process-table .step-bg06 {
	background-color: #62C64B
}
.recruit.new-outline .process-table .step-bg07 {
	background-color: #7AC621
}
.recruit.new-outline .process-table tr:last-child td {
	border-bottom: none
}
.recruit.new-outline .process-table tr:last-child td:first-child {
	height: 100px
}
.recruit.new-outline .process-table td {
	vertical-align: middle
}
.recruit.new-outline .process-table td:first-child {
	width: 157px;
	text-align: center;
	color: #fff;
	height: 110px;
	border-bottom: 10px solid #fff;
	border-right: 34px solid #fff;
	position: relative
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .process-table td:first-child {
	width: 115px;
	height: auto;
	border-right: 10px solid #fff
}
}
.recruit.new-outline .process-table td:last-child {
	border-bottom: 1px solid #D2D2D2
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .process-table td:last-child {
	padding: 30px 0
}
}
.recruit.new-outline .process-table td .step-num {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 19px;
	letter-spacing: 0.133em;
	font-weight: 300
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .process-table td .step-num {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	letter-spacing: 0.130em
}
}
.recruit.new-outline .process-table td .step-name {
	font-size: 20px;
	font-size: 2rem;
	line-height: 34px;
	letter-spacing: 0.055em;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .process-table td .step-name {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.03em
}
}
.recruit.new-outline .process-table td .arrow-button {
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	bottom: -18px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 1
}
.recruit.new-outline .process-table td .arrow-button::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	margin-top: -1px;
	height: 7px;
	width: 7px;
	z-index: 2
}
.recruit.new-outline .content-section01 {
	margin-top: 16px;
	padding: 50px 0 88px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 {
	margin-top: 0;
	padding: 65px 0 41px
}
}
.recruit.new-outline .content-section01 .article-list-area {
	max-width: 705px;
	margin: 68px auto 0
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 .article-list-area {
	margin-top: 35px
}
}
.recruit.new-outline .content-section01 .article-list {
	float: left;
	width: 56%;
	text-align: left
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 .article-list {
	width: 83%;
	float: none;
	margin: 0 auto
}
}
.recruit.new-outline .content-section01 .article-list:nth-child(2) {
	width: 44%
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 .article-list:nth-child(2) {
	width: 83%;
	margin-top: 32px
}
}
.recruit.new-outline .content-section01 .article-list li {
	margin-top: 45px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 .article-list li {
	margin-top: 32px
}
}
.recruit.new-outline .content-section01 .article-list li:first-child {
	margin-top: 0
}
.recruit.new-outline .content-section01 .article-list a {
	display: inline-block;
	position: relative;
	padding-left: 27px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 24px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 .article-list a {
	padding-left: 32px
}
}
.recruit.new-outline .content-section01 .article-list a:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	border-bottom: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	margin-top: -4px;
	height: 8px;
	width: 8px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .content-section01 .article-list a:before {
	top: 45%;
	left: 6px
}
}
.recruit.new-outline .article-section {
	margin-top: 103px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-section {
	margin-top: 115px
}
}
.recruit.new-outline .article-section.first {
	margin-top: 23px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-section.first {
	margin-top: 20px
}
}
.recruit.new-outline .article-section.last {
	margin-bottom: 103px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-section.last {
	margin-bottom: 80px
}
}
.recruit.new-outline .article-title-cover {
	background-image: linear-gradient(to right, #00A283, #8BDE5F);
	text-align: center
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-title-cover {
	min-height: 102px
}
}
.recruit.new-outline .article-title-cover .article-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 41px;
	letter-spacing: 0.055em;
	color: #fff;
	font-weight: bold;
	padding: 59px 0 100px;
	max-width: 1200px;
	margin: 0 auto
}

@media only screen and (max-width: 1044px) {
.recruit.new-outline .article-title-cover .article-title {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-title-cover .article-title {
	padding: 30px 0;
	width: 100%
}
}
.recruit.new-outline .article-content {
	position: relative;
	background-color: #fff;
	margin-top: -55px;
	border: 1px solid #D2D2D2;
	padding: 25px 0 59px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content {
	margin-top: 0;
	border-left: none;
	border-right: none;
	padding: 0 0 30px;
	background-color: #F0F0F0
}
}
.recruit.new-outline .article-content .article-table-details {
	max-width: 880px;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-table-details {
	background-color: #fff
}
}
.recruit.new-outline .article-content .article-table-details h4 {
	font-weight: 700
}
.recruit.new-outline .article-content .article-table-details tr {
	border-bottom: 1px solid #D2D2D2
}
.recruit.new-outline .article-content .article-table-details tr:last-child td:first-child {
	padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-table-details tr:last-child td:first-child {
	padding-bottom: 5px
}
}
.recruit.new-outline .article-content .article-table-details tr:last-child td:last-child {
	padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-table-details tr:last-child td:last-child {
	padding-bottom: 45px
}
}
.recruit.new-outline .article-content .article-table-details td {
	padding: 31px 30px 35px 31px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-table-details td {
	display: block;
	padding: 0 4%
}
}
.recruit.new-outline .article-content .article-table-details td:first-child {
	font-weight: bold;
	width: 200px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px;
	letter-spacing: 0.055em
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-table-details td:first-child {
	font-size: 16px;
	font-size: 1.6rem;
	width: 100%;
	padding: 28px 4% 5px
}
}
.recruit.new-outline .article-content .article-table-details td:last-child {
	padding-left: 25px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-table-details td:last-child {
	width: 100%;
	padding: 10px 4% 32px
}
}
.recruit.new-outline .article-content .article-table-details td a {
	color: #00A283;
	text-decoration: underline
}
.recruit.new-outline .article-content .article-to-entry {
	background-image: linear-gradient(to right, #00A283, #8BDE5F);
	display: block;
	max-width: 336px;
	margin: 45px auto 0;
	color: #fff;
	font-weight: bold;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	letter-spacing: 0.04em;
	padding: 26px 0 23px;
	text-align: center
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-to-entry {
	width: 80.8%;
	margin-top: 37px
}
}
.recruit.new-outline .article-content .article-to-entry:after {
	content: "";
	position: absolute;
	display: inline-block;
	right: 25px;
	top: 50%;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 7px;
	height: 7px;
	z-index: 1
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-content .article-to-entry:after {
	right: 10px
}
}
.recruit.new-outline .article-up-list {
	margin-top: 20px;
	text-align: right
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-up-list {
	margin-top: 15px;
	margin-right: 15px
}
}
.recruit.new-outline .article-up-list__link {
	padding-right: 20px;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 20px;
	letter-spacing: 0.055em;
	position: relative
}

@media only screen and (max-width: 767px) {
.recruit.new-outline .article-up-list__link {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 23px
}
}
.recruit.new-outline .article-up-list__link:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 2px;
	top: 58%;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	-moz-transform: translate(0, -50%) rotate(-45deg);
	-ms-transform: translate(0, -50%) rotate(-45deg);
	-o-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 7px;
	height: 7px
}
.headSubBox {
	margin-bottom: 70px;
	height: 326px;
	position: relative
}
.headSubBox.bgNews {
	background: url(../img/news/bg_head_pc.jpg) center no-repeat;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.headSubBox {
	margin-bottom: 25px;
	height: auto
}
.headSubBox.bgNews {
	background: none
}
.headSubBox .img {
	position: relative
}
.headSubBox .img img {
	display: block;
	width: 100%
}
}
.headSubBox .breadCrumbBox {
	color: #fff;
	padding: 10px 15px 0;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.headSubBox .breadCrumbBox a {
	color: #fff
}
.headSubBox .breadCrumbBox li {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle
}
.headSubBox .breadCrumbBox li img {
	display: block
}
.headSubBox .breadCrumbBox li .txt {
	display: inline-block;
	padding-left: 5px
}

@media only screen and (max-width: 767px) {
.headSubBox .breadCrumbBox {
	color: #656565
}
.headSubBox .breadCrumbBox a {
	color: #656565
}
}
.headSubBox .txtBox {
	color: #fff;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 80px
}

@media only screen and (max-width: 767px) {
.headSubBox .txtBox {
	padding-top: 0;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -50px
}
}
.headSubBox .txtBox .txt1 {
	letter-spacing: 3px;
	font-size: 25px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
.headSubBox .txtBox .txt1 {
	font-size: 20px
}
}
.headSubBox .txtBox .ttl {
	font-size: 45px;
	font-weight: 300;
	line-height: 1
}

@media only screen and (max-width: 767px) {
.headSubBox .txtBox .ttl {
	font-size: 32px
}
}
.newsBox {
	padding: 0 15px;
	margin-top:80px;
	margin-bottom: 110px
}
.newsBox .innerBox {
	max-width: 1200px;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.newsBox {
	padding: 0;
	margin-top:50px;
	margin-bottom: 55px
}
}
.newsBox .tabBox {
	position: relative;
	text-align: center;
	margin-bottom: 60px;
	font-size: 0;
	letter-spacing: 0
}

@media only screen and (max-width: 767px) {
.newsBox .tabBox {
	margin-bottom: 40px;
	padding: 0 8px
}
}
.newsBox .tabBox:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #D2D2D2;
	bottom: 0;
	left: 0
}
.newsBox .tabBox li {
	display: inline-block;
	width: 335px
}
.newsBox .tabBox li:nth-child(1) {
	padding-right: 20px
}
.newsBox .tabBox li:nth-child(2) {
	padding-left: 20px
}

@media only screen and (max-width: 767px) {
.newsBox .tabBox li {
	width: 50%;
	padding: 0 7px
}
.newsBox .tabBox li:nth-child(1) {
	padding-right: 7px
}
.newsBox .tabBox li:nth-child(2) {
	padding-left: 7px
}
}
.newsBox .tabBox a {
	display: block;
	background: #E4E4E4;
	border: 1px solid #D2D2D2;
	border-bottom: 0;
	padding: 32px 0 28px;
	text-align: center;
	font-size: 20px;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	z-index: 1;
	line-height: 1.2
}
.newsBox .tabBox a.active {
	background: #fff
}

@media only screen and (max-width: 767px) {
.newsBox .tabBox a {
	font-size: 18px;
	padding: 15px 0
}
}

@media only screen and (max-width: 374px) {
.newsBox .tabBox a {
	font-size: 16px
}
}
.newsBox .tabBox a span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px
}
.newsBox .tabBox a span img {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.newsBox .tabBox a span {
	display: block;
	position: static;
	text-align: center;
	margin-bottom: 10px
}
.newsBox .tabBox a span img {
	width: 27px;
	height: 27px
}
}
.newsBox .tabBox a.cat1 span {
	padding-right: 25px
}

@media only screen and (max-width: 767px) {
.newsBox .tabBox a.cat1 span {
	padding-right: 0
}
}
.newsBox .tabBox a.cat2 span {
	padding-right: 10px
}

@media only screen and (max-width: 767px) {
.newsBox .tabBox a.cat2 span {
	padding-right: 0
}
}
.newsBox .contentNews {
	max-width: 670px;
	margin: 0 auto 142px;
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}
.newsBox .contentNews.on {
	display: block
}

@media only screen and (max-width: 767px) {
.newsBox .contentNews {
	margin-bottom: 45px
}
}
.newsBox .contentNews .box {
	padding: 0 15px 35px;
	border-bottom: 1px solid #E2E4EA;
	display: table;
	width: 100%;
	margin-bottom: 35px
}
.newsBox .contentNews .box:before, .newsBox .contentNews .box:after {
	content: " ";
	display: table
}
.newsBox .contentNews .box:after {
	clear: both
}
.newsBox .contentNews .box:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 767px) {
.newsBox .contentNews .box {
	display: block;
	padding: 0 15px 25px;
	margin-bottom: 25px
}
}
.newsBox .contentNews .box .txtDate {
	font-size: 16px;
	vertical-align: top;
	padding-top: 3px;
	width: 102px;
	display: table-cell;
	text-align: left
}

@media only screen and (max-width: 767px) {
.newsBox .contentNews .box .txtDate {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.2;
	padding-top: 0
}
}
.newsBox .contentNews .box .detailBox {
	display: table-cell;
	vertical-align: top;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt"
}
.newsBox .contentNews .box .detailBox .ttl {
	font-size: 18px;
	font-weight: bold
}
.newsBox .contentNews .box .detailBox .postDetail {
	margin-top: 20px
}
.newsBox .contentNews .box .detailBox .postDetail .img-cover {
	font-size: 0;
	width: 40%;
	float: left
}
.newsBox .contentNews .box .detailBox .postDetail .content-cover {
	float: right;
	width: 57%
}

@media only screen and (max-width: 767px) {
.newsBox .contentNews .box .detailBox {
	display: block
}
.newsBox .contentNews .box .detailBox .ttl {
	line-height: 1.5
}
.newsBox .contentNews .box .detailBox .postDetail {
	margin-top: 15px
}
}
.privacy .main-img {
	background-image: url("../../images/img/privacy/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.privacy .main-img {
	background-image: url("../../images/img/privacy/mainimg_sp.jpg")
}
}
.privacy .main-content {
	margin: 90px 0 118px
}

@media only screen and (max-width: 767px) {
.privacy .main-content {
	margin: 28px 0 75px
}
}
.privacy .privacy-container {
	max-width: 800px;
	margin: 0 auto
}

@media only screen and (max-width: 799px) {
.privacy .privacy-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.privacy .privacy-container {
	width: 92%
}
}
.privacy .content-block {
	margin-bottom: 50px
}
.privacy .content-block .title-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.025em;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
	margin-bottom: 13px
}

@media only screen and (max-width: 767px) {
.privacy .content-block .title-text {
	padding-left: 25px;
	margin-bottom: 16px
}
}
.privacy .content-block .title-text:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 12px;
	height: 4px;
	background-color: #1971BC
}
.privacy .content-block .details-text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	padding-left: 30px
}

@media only screen and (max-width: 767px) {
.privacy .content-block .details-text {
	padding-left: 0;
	padding-right: 10px
}
}
.recruit .main-img {
	position: relative;
	height: 580px;
	background: url("../../images/img/recruit/mainimage.jpg") no-repeat center;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.recruit .main-img {
	height: 432px;
	background-image: url("../../images/img/recruit/sp/mainimg_sp.jpg")
}
}
.recruit .main-img .text-box {
	position: absolute;
	top: 74%;
	left: 26%;
	-webkit-transform: translate(-26%, -74%);
	-moz-transform: translate(-26%, -74%);
	-ms-transform: translate(-26%, -74%);
	-o-transform: translate(-26%, -74%);
	transform: translate(-26%, -74%)
}

@media only screen and (max-width: 767px) {
.recruit .main-img .text-box {
	top: 28px;
	left: 15px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
}
.recruit .main-img .text {
	color: #fff
}
.recruit .main-img .text.eng {
	font-size: 56px;
	font-size: 5.6rem;
	font-weight: 300;
	line-height: 70px;
	letter-spacing: 0.15em
}

@media only screen and (max-width: 767px) {
.recruit .main-img .text.eng {
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 44px
}
}
.recruit .main-img .text.jpn {
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 0.05em;
	line-height: 47px;
	margin-top: 15px
}

@media only screen and (max-width: 767px) {
.recruit .main-img .text.jpn {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 26px
}
}
.recruit .bg01 {
	background: url("../../images/img/recruit/bg_recruit01.jpg") no-repeat center;
	background-size: cover;
	min-height: 846px
}

@media only screen and (max-width: 767px) {
.recruit .bg01 {
	background-image: url("../../images/img/recruit/sp/bg_recruit01_sp.jpg");
	min-height: 653px
}
}
.recruit .bg02 {
	background: url("../../images/img/recruit/bg_recruit02.jpg") no-repeat center 306px;
	background-size: cover;
	min-height: 1120px
}

@media only screen and (max-width: 767px) {
.recruit .bg02 {
	background: url("../../images/img/recruit/sp/bg_recruit02_sp.jpg") no-repeat center 251px;
	background-size: cover;
	min-height: 1659px
}
}
.recruit .bg03 {
	background: url("../../images/img/recruit/bg_recruit03.jpg") no-repeat center;
	background-size: cover;
	min-height: 321px
}

@media only screen and (max-width: 767px) {
.recruit .bg03 {
	background-image: url("../../images/img/recruit/sp/bg_recruit03_sp.jpg");
	min-height: 465px
}
}
.recruit .bg04 {
	background: url("../../images/img/recruit/bg_recruit04.jpg") no-repeat center;
	background-size: cover;
	min-height: 247px
}

@media only screen and (max-width: 767px) {
.recruit .bg04 {
	background-image: url("../../images/img/recruit/sp/bg_recruit04_sp.jpg");
	min-height: 138px
}
}
.recruit .bg05 {
	background: url("../../images/img/recruit/bg_recruit05.jpg") no-repeat center;
	background-size: cover;
	min-height: 247px
}

@media only screen and (max-width: 767px) {
.recruit .bg05 {
	background-image: url("../../images/img/recruit/sp/bg_recruit05_sp.jpg");
	min-height: 138px
}
}
.recruit .bg06 {
	background: #EBEBEB url("../../images/img/recruit/bg_recruit06.png") no-repeat 50% bottom;
	background-size: auto 100%;
	min-height: 820px
}

@media only screen and (max-width: 767px) {
.recruit .bg06 {
	background: #EBEBEB url("../../images/img/recruit/sp/bg_recruit06_sp.png") no-repeat bottom;
	background-size: 100% auto;
	min-height: 0
}
}
.recruit .content-section__content {
	max-width: 740px;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.recruit .content-section__content {
	width: 90%
}
}
.recruit .content-section__recruiter {
	max-width: 1106px;
	margin: 108px auto 0;
	position: relative;
	padding-top: 50px
}

@media only screen and (max-width: 767px) {
.recruit .content-section__recruiter {
	margin: 70px auto 0
}
}
.recruit .content-section .text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 27px;
	text-align: justify
}

@media only screen and (max-width: 767px) {
.recruit .content-section .text {
	text-align: left
}
}
.recruit .section-heading {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 61px;
	letter-spacing: 0.055em;
	text-align: center;
	margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
.recruit .section-heading {
	font-size: 30px;
	font-size: 3rem;
	line-height: 48px;
	letter-spacing: 0.05em;
	margin-bottom: 30px
}
}
.recruit .section-heading--white {
	color: #fff
}
.recruit .small-section-heading {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 19px;
	letter-spacing: 0.133em;
	font-weight: 200;
	color: #1C1C1C;
	text-align: center;
	margin-bottom: 10px
}
.recruit .small-section-heading--white {
	color: #fff
}
.recruit .content-section01 {
	margin-top: 10px;
	padding-top: 120px
}

@media only screen and (max-width: 767px) {
.recruit .content-section01 {
	padding-top: 45px
}
}

@media only screen and (max-width: 767px) {
.recruit .content-section01 .section-heading {
	margin-left: 3px
}
}
.recruit .content-section01__text.text {
	text-align: center
}

@media only screen and (max-width: 767px) {
.recruit .content-section01__text.text {
	text-align: left
}
}
.recruit .content-section02 {
	padding-top: 95px
}

@media only screen and (max-width: 767px) {
.recruit .content-section02 {
	padding-top: 68px;
	padding-bottom: 55px
}
}
.recruit .content-section02__text.text {
	text-align: center
}

@media only screen and (max-width: 767px) {
.recruit .content-section02__text.text {
	text-align: left
}
}

@media only screen and (max-width: 767px) {
.recruit .content-section02 .section-heading {
	font-size: 35px;
	font-size: 3.5rem;
	margin-bottom: 36px
}
}

@media only screen and (max-width: 767px) {
.recruit .content-section02 .small-section-heading {
	font-size: 18px;
	font-size: 1.8rem
}
}
.recruit .recruiter {
	display: block;
	position: absolute;
	background-color: #fff;
	width: 277px;
	height: 277px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	-ms-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	-o-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16)
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.recruit .recruiter {
	width: 25vw;
	height: 25vw
}
}

@media only screen and (max-width: 767px) {
.recruit .recruiter {
	position: static;
	width: 71vw;
	height: 71vw;
	margin: 0 auto
}
}
.recruit .recruiter.recruiter01 {
	left: 0;
	top: 0;
	z-index: 2
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter01 {
	margin-bottom: 50px
}
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter01 .recruiter__content {
	padding-top: 42vw
}
}

@media only screen and (max-width: 374px) {
.recruit .recruiter.recruiter01 .recruiter__content {
	padding-top: 38vw
}
}
.recruit .recruiter.recruiter02 {
	position: static;
	margin-left: 24.5%
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter02 {
	margin-left: auto;
	margin-bottom: 50px
}
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter02 .recruiter__content {
	padding-top: 40vw
}
}

@media only screen and (max-width: 374px) {
.recruit .recruiter.recruiter02 .recruiter__content {
	padding-top: 35vw
}
}
.recruit .recruiter.recruiter03 {
	right: 24.5%;
	top: 50px;
	z-index: 2
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter03 {
	margin-bottom: 50px
}
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter03 .recruiter__content {
	padding-top: 40vw
}
}

@media only screen and (max-width: 374px) {
.recruit .recruiter.recruiter03 .recruiter__content {
	padding-top: 35vw
}
}
.recruit .recruiter.recruiter04 {
	right: 0;
	top: 0;
	z-index: 2
}

@media only screen and (max-width: 767px) {
.recruit .recruiter.recruiter04 .recruiter__content {
	padding-top: 40vw
}
}

@media only screen and (max-width: 374px) {
.recruit .recruiter.recruiter04 .recruiter__content {
	padding-top: 38vw
}
}
.recruit .recruiter__img-cover {
	position: relative
}
.recruit .recruiter__img {
	position: absolute;
	left: 50%;
	width: 75%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

@media only screen and (max-width: 1023px) {
.recruit .recruiter__img {
	width: 95%;
	-webkit-transform: translate(-50%, 0) scale(.7);
	-moz-transform: translate(-50%, 0) scale(.7);
	-ms-transform: translate(-50%, 0) scale(.7);
	-o-transform: translate(-50%, 0) scale(.7);
	transform: translate(-50%, 0) scale(.7)
}
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__img {
	width: 90%;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-moz-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	-o-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8)
}
}
.recruit .recruiter__img.pos01 {
	top: -75px
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__img.pos01 {
	top: -85px
}
}
.recruit .recruiter__img.pos02 {
	top: -88px
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__img.pos02 {
	top: -90px
}
}
.recruit .recruiter__img.pos03 {
	top: -100px;
	left: 44%
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__img.pos03 {
	top: -110px
}
}
.recruit .recruiter__img.pos04 {
	top: -110px;
	left: 45%
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__img.pos04 {
	width: 85%
}
}
.recruit .recruiter__content {
	position: relative;
	text-align: center;
	padding-top: 155px
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.recruit .recruiter__content {
	padding-top: 40%
}
}
.recruit .recruiter__text {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 22px
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__text {
	line-height: 22px
}
}
.recruit .recruiter__name {
	font-size: 27px;
	font-size: 2.7rem;
	line-height: 46px;
	letter-spacing: 0.055em
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__name {
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 40px
}
}
.recruit .recruiter__name .romaji {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 200;
	font-style: italic;
	letter-spacing: 0.13em;
	line-height: 19px;
	margin-left: 10px;
	vertical-align: middle
}

@media only screen and (max-width: 767px) {
.recruit .recruiter__name .romaji {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 14px
}
}
.recruit .to-interview {
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	max-width: 336px;
	color: #fff;
	line-height: 27px;
	letter-spacing: 0.04em;
	border: 1px solid #fff;
	margin: 45px auto 0;
	text-align: center;
	padding: 25px 0 26px;
	position: relative;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.recruit .to-interview {
	width: 72%;
	margin: 52px auto 0;
	border: 2px solid #fff;
	padding: 17px 0 18px
}
}
.recruit .to-interview:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url("../../images/img/recruit/ico_rightarrowwhite.svg") no-repeat center;
	width: 6px;
	height: 10px
}

@media only screen and (max-width: 767px) {
.recruit .to-interview:after {
	right: 15px
}
}

@media only screen and (min-width: 768px) {
.recruit .to-interview:hover {
	color: #0B9D54;
	background-color: #fff;
	opacity: 1
}
}
.recruit .content-section03 {
	margin-top: 75px
}

@media only screen and (max-width: 767px) {
.recruit .content-section03 {
	margin-top: 50px
}
}
.recruit .banner-container {
	max-width: 1248px;
	margin: 0 auto
}

@media only screen and (max-width: 1199px) {
.recruit .banner-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.recruit .banner-container {
	width: 92%
}
}
.recruit .banner-link {
	display: block;
	padding: 90px 0 0 82px
}

@media only screen and (max-width: 1199px) {
.recruit .banner-link {
	padding: 30px 30px 30px 36px
}
}

@media only screen and (max-width: 767px) {
.recruit .banner-link {
	margin-top: 15px
}
}

@media only screen and (max-width: 767px) {
.recruit .banner-link:first-child {
	margin-top: 0
}
}
.recruit .banner-link .small-section-heading {
	text-align: left;
	margin-left: 7px
}
.recruit .banner-link.half-width {
	width: 48.88%;
	margin-left: 2.24%;
	float: left;
	text-align: center;
	padding: 95px 0 0 0
}

@media only screen and (max-width: 767px) {
.recruit .banner-link.half-width {
	width: 100%;
	float: none;
	margin-left: 0;
	padding: 35px 0 0 0
}
}
.recruit .banner-link.half-width:first-child {
	margin-left: 0
}
.recruit .section-title {
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 48px;
	letter-spacing: 0.055em;
	margin: 13px 0 30px
}

@media only screen and (max-width: 767px) {
.recruit .section-title {
	margin-bottom: 10px
}
}
.recruit .content-section04 {
	margin-top: 35px
}

@media only screen and (max-width: 767px) {
.recruit .content-section04 {
	margin-top: 25px
}
}
.recruit .banner-small-title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.12em
}
.recruit .banner-small-title--white {
	color: #fff
}
.recruit .banner-title {
	font-size: 30px;
	font-size: 3rem;
	line-height: 51px;
	letter-spacing: 0.095em;
	margin-top: 5px
}

@media only screen and (max-width: 767px) {
.recruit .banner-title {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 44px;
	letter-spacing: 0.03em;
	margin-top: 0
}
}
.recruit .banner-title--white {
	color: #fff
}
.recruit .content-section05 {
	margin-top: 64px;
	padding: 85px 0 75px
}

@media only screen and (max-width: 767px) {
.recruit .content-section05 {
	margin-top: 50px;
	padding: 40px 0 0
}
}
.recruit .message-container {
	max-width: 1064px;
	margin: 0 auto;
	position: relative
}

@media only screen and (max-width: 1199px) {
.recruit .message-container {
	width: 96%;
	max-width: 100%
}
}

@media only screen and (max-width: 767px) {
.recruit .message-container {
	width: 92%;
	padding-bottom: 100vw
}
}
.recruit .message-container .small-section-heading {
	text-align: left
}

@media only screen and (max-width: 767px) {
.recruit .message-container .small-section-heading {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center
}
}
.recruit .message-container .section-heading {
	text-align: left;
	margin-bottom: 34px
}

@media only screen and (max-width: 767px) {
.recruit .message-container .section-heading {
	font-size: 35px;
	font-size: 3.5rem;
	text-align: center;
	margin-bottom: 25px
}
}
.recruit .message-container .text {
	max-width: 526px
}

@media only screen and (max-width: 1023px) {
.recruit .message-container .text {
	max-width: 70%
}
}

@media only screen and (max-width: 767px) {
.recruit .message-container .text {
	max-width: 100%
}
}
.recruit .message-container .name {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: -34px;
	color: #fff;
	font-size: 30px;
	font-size: 3rem;
	line-height: 52px;
	letter-spacing: 0.07em
}

@media only screen and (max-width: 767px) {
.recruit .message-container .name {
	bottom: 61.3vw;
	right: auto;
	left: 10px;
	color: #0A0A0A;
	text-align: left;
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 40px
}
}
.recruit .message-container .name span {
	font-size: 15px;
	font-size: 1.5rem;
	display: block;
	line-height: 27px;
	letter-spacing: 0.13em
}

@media only screen and (max-width: 767px) {
.recruit .message-container .name span {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 20px
}
}
.recruit .catchphrase {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 44px;
	letter-spacing: 0.033em;
	max-width: 666px;
	margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
.recruit .catchphrase {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 38px;
	letter-spacing: 0.03em;
	margin-bottom: 25px
}
}
.recruit .content-section06 {
	margin: 20px 0;
	position: relative;
	padding: 86px 0 92px
}

@media only screen and (max-width: 767px) {
.recruit .content-section06 {
	padding: 0
}
}
.recruit .content-section06:before, .recruit .content-section06:after {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	z-index: 0
}

@media only screen and (max-width: 767px) {
.recruit .content-section06:before, .recruit .content-section06:after {
	display: none
}
}
.recruit .content-section06:after {
	background-color: #79C144;
	right: 0
}
.recruit .content-section06:before {
	background-color: #0B9D54;
	left: 0
}
.recruit .content-section06 .small-section-heading {
	margin-bottom: 0
}

@media only screen and (max-width: 767px) {
.recruit .content-section06 .small-section-heading {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px
}
}
.recruit .content-section06 .section-heading {
	margin-bottom: 55px
}

@media only screen and (max-width: 767px) {
.recruit .content-section06 .section-heading {
	font-size: 35px;
	font-size: 3.5rem;
	margin-bottom: 40px
}
}
.recruit .recruit-childs-container {
	max-width: 1200px;
	margin: 0 auto
}

@media only screen and (max-width: 1199px) {
.recruit .recruit-childs-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container {
	width: 100%
}
}
.recruit .recruit-childs-container .left-box, .recruit .recruit-childs-container .right-box {
	width: 42.83%;
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.recruit .recruit-childs-container .left-box, .recruit .recruit-childs-container .right-box {
	width: 47.5%
}
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .left-box, .recruit .recruit-childs-container .right-box {
	width: 100%
}
}
.recruit .recruit-childs-container .left-box {
	float: left
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .left-box {
	padding: 50px 4% 57px;
	float: none;
	background-color: #0B9D54
}
}
.recruit .recruit-childs-container .right-box {
	float: right
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .right-box {
	padding: 34px 4% 50px;
	float: none;
	background-color: #79C144
}
}
.recruit .recruit-childs-container .recruit-childs-list li {
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-top: 10px
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li {
	float: none;
	margin-left: 0;
	width: 100%;
	margin-top: 6px
}
}
.recruit .recruit-childs-container .recruit-childs-list li.first {
	width: 100%;
	margin-left: 0;
	margin-top: 0
}
.recruit .recruit-childs-container .recruit-childs-list li.first a {
	font-size: 20px;
	font-size: 2rem;
	line-height: 34px;
	padding: 26px 33px 25px
}

@media only screen and (max-width: 1199px) {
.recruit .recruit-childs-container .recruit-childs-list li.first a {
	padding: 26px 15px 25px
}
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li.first a {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	padding: 17px 22px 13px
}
}
.recruit .recruit-childs-container .recruit-childs-list li:nth-child(even) {
	margin-left: 0
}
.recruit .recruit-childs-container .recruit-childs-list li.large {
	margin-left: 2%;
	margin-top: 0;
	text-align: center
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li.large {
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-top: -10px
}
}
.recruit .recruit-childs-container .recruit-childs-list li.large img {
	display: block;
	margin: 0 auto 26px
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li.large img {
	margin-bottom: 17px
}
}
.recruit .recruit-childs-container .recruit-childs-list li.large a {
	font-size: 20px;
	font-size: 2rem;
	line-height: 34px;
	padding: 55px 0 54px
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li.large a {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	padding: 27px 0 31px
}
}
.recruit .recruit-childs-container .recruit-childs-list li.large a:after {
	position: static;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	margin: 26px auto 0
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li.large a:after {
	margin-top: 8px
}
}
.recruit .recruit-childs-container .recruit-childs-list li.large:first-child {
	margin-left: 0
}
.recruit .recruit-childs-container .recruit-childs-list li a {
	background-color: #fff;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	letter-spacing: 0.03em;
	padding: 21px 33px 20px;
	position: relative
}

@media only screen and (max-width: 1199px) {
.recruit .recruit-childs-container .recruit-childs-list li a {
	padding: 21px 25px 20px 15px
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.recruit .recruit-childs-container .recruit-childs-list li a {
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0;
	padding: 21px 10px 20px
}
}

@media only screen and (max-width: 767px) {
.recruit .recruit-childs-container .recruit-childs-list li a {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	padding: 17px 22px 13px
}
}
.recruit .recruit-childs-container .recruit-childs-list li a:after {
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url("../../images/img/recruit/ico_rightarrow.svg") no-repeat center;
	width: 6px;
	height: 10px
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.recruit .recruit-childs-container .recruit-childs-list li a:after {
	right: 10px
}
}
.sitemap .main-img {
	background-image: url("../../images/img/sitemap/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.sitemap .main-img {
	background-image: url("../../images/img/sitemap/mainimg_sp.jpg")
}
}
.sitemap .main-content {
	margin: 95px 0 113px
}

@media only screen and (max-width: 767px) {
.sitemap .main-content {
	margin: 14px 0 57px
}
}
.sitemap .sitemap-container {
	max-width: 830px;
	margin: 0 auto
}

@media only screen and (max-width: 829px) {
.sitemap .sitemap-container {
	width: 96%
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-container {
	width: 100%
}
}
.sitemap .sitemap-col {
	float: left
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-col {
	float: none
}
}
.sitemap .sitemap-col.width1 {
	width: 34%
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-col.width1 {
	width: 100%
}
}
.sitemap .sitemap-col.width2 {
	width: 40%
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-col.width2 {
	width: 100%
}
}
.sitemap .sitemap-col.width3 {
	float: right;
	width: 20%
}

@media only screen and (max-width: 829px) {
.sitemap .sitemap-col.width3 {
	width: 24%
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-col.width3 {
	float: none;
	width: 100%
}
}
.sitemap .sitemap-list>li {
	margin-top: 42px
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list>li {
	margin: 0;
	border-bottom: 1px solid #D2D2D2;
	position: relative
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list>li:after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 29px;
	top: 50%;
	border-top: 1px solid #868686;
	border-right: 1px solid #868686;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	margin-top: -3px
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list>li.has-child:after {
	top: 25px;
	right: 24px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list>li.has-child.is-actived:after {
	top: 30px;
	right: 20px;
	-webkit-transform: rotate(-45deg) translate(0, -50%);
	-moz-transform: rotate(-45deg) translate(0, -50%);
	-ms-transform: rotate(-45deg) translate(0, -50%);
	-o-transform: rotate(-45deg) translate(0, -50%);
	transform: rotate(-45deg) translate(0, -50%)
}
}
.sitemap .sitemap-list>li:first-child {
	margin-top: 0
}
.sitemap .sitemap-list>li>a {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px
}
.sitemap .sitemap-list>li.top-diff {
	margin-top: 23px
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list>li.top-diff {
	margin: 0
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list>li.has-border-sp {
	border-top: 1px solid #D2D2D2
}
}
.sitemap .sitemap-list a {
	letter-spacing: 0.025em
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list a {
	display: block;
	padding: 17px 34px 16px
}
}

@media only screen and (min-width: 768px) {
.sitemap .sitemap-list a:hover {
	color: #1971BC;
	text-decoration: underline
}
}
.sitemap .sitemap-list .level2 {
	margin-left: 10px;
	margin-top: 9px
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list .level2 {
	margin: 0;
	display: none
}
}
.sitemap .sitemap-list .level2.style02 {
	margin-left: 0;
	margin-top: 15px
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list .level2.style02 {
	margin: 0
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list .level2>li {
	position: relative;
	border-top: 1px solid #D2D2D2;
	background-color: #F0F0F0
}
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list .level2>li:after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 29px;
	top: 50%;
	border-top: 1px solid #868686;
	border-right: 1px solid #868686;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	margin-top: -3px
}
}
.sitemap .sitemap-list .level2>li>a {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 42px;
	position: relative;
	padding-left: 22px
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list .level2>li>a {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px;
	padding-left: 0;
	display: block;
	padding: 17px 34px 16px 52px
}
}
.sitemap .sitemap-list .level2>li>a:before {
	content: "";
	width: 7px;
	height: 7px;
	position: absolute;
	left: 0;
	top: 50%;
	border-top: 1px solid #868686;
	border-right: 1px solid #868686;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	margin-top: -3px
}

@media only screen and (max-width: 767px) {
.sitemap .sitemap-list .level2>li>a:before {
	border: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	position: static;
	width: auto;
	height: auto;
	content: "-";
	margin-top: 0;
	margin-right: 6px
}
}
.company.store .main-img {
	background-image: url("../../images/img/store/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.company.store .main-img {
	background-image: url("../../images/img/store/mainimg_sp.jpg")
}
}

@media only screen and (max-width: 767px) {
.company.store .main-img .text.jpn {
	line-height: 38px;
	margin-top: 5px
}
}
.company.store .main-content {
	margin: 75px auto 50px
}

@media only screen and (max-width: 767px) {
.company.store .main-content {
	margin: 8px auto 55px
}
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-nav li:nth-child(1), .company.store .main-content .store-nav li:nth-child(3) {
	border-top: none
}
}
.company.store .main-content .store-box {
	margin-bottom: 44px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box {
	margin-bottom: 30px
}
}
.company.store .main-content .store-box:last-child {
	margin-bottom: 0
}
.company.store .main-content .store-box .store-name {
	background-image: linear-gradient(to right, #7EBEFF, #0062B5);
	text-align: center;
	padding: 17px 0 10px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-name {
	padding: 13px 0 6px
}
}
.company.store .main-content .store-box .store-name__text {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 37px;
	letter-spacing: 0.05em;
	color: #fff
}
.company.store .main-content .store-box .store-info {
	border: 1px solid #D2D2D2;
	border-top: none;
	padding: 23px 21px 28px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info {
	padding: 18px 15px 25px
}
}
.company.store .main-content .store-box .store-info .col {
	float: left
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .col {
	float: none
}
}
.company.store .main-content .store-box .store-info .col.right {
	float: right
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .col.right {
	float: none
}
}
.company.store .main-content .store-box .store-info .col-right {
	float: right
}
.company.store .main-content .store-box .store-info .image-cover {
	width: 35%
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .image-cover {
	width: 100%
}
.company.store .main-content .store-box .store-info .image-cover img {
	width: 100%
}
}
.company.store .main-content .store-box .store-info .map-cover {
	width: 36%;
	margin-left: 10px
}
.company.store .main-content .store-box .store-info .map-cover iframe {
	max-width: 100%
}
.company.store .main-content .store-box .store-info .content {
	width: 25.5%;
	position: relative;
	padding-bottom: 25px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .content {
	width: 100%;
	padding: 14px 24px 0
}
}
.company.store .main-content .store-box .store-info .content .block {
	margin-bottom: 25px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .content .block:last-child {
	margin-bottom: 0
}
}
.company.store .main-content .store-box .store-info .content__text-bold {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.025em
}
.company.store .main-content .store-box .store-info .content__text {
	line-height: 22px;
	letter-spacing: 0.025em
}
.company.store .main-content .store-box .store-info .to-google-map {
	position: absolute;
	bottom: 5px;
	left: 0
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .to-google-map {
	position: static;
	margin-top: -8px
}
}
.company.store .main-content .store-box .store-info .to-google-map .link {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 23px;
	letter-spacing: 0.04em;
	color: #1971BC;
	display: inline-block;
	position: relative;
	padding-right: 10px;
	text-decoration: underline;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.company.store .main-content .store-box .store-info .to-google-map .link {
	padding-right: 5px
}
}
.company.store .main-content .store-box .store-info .to-google-map .link:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	border-top: 1px solid #1971BC;
	border-right: 1px solid #1971BC;
	width: 7px;
	height: 7px;
	margin-top: -2px
}
.company.store .main-content .store-info-group {
	padding-top: 18px
}
.company.store .main-content .other-store {
	border: 1px solid #D2D2D2;
	padding: 25px 18px;
	float: left;
	width: 49.3%;
	margin-left: 1.4%;
	margin-bottom: 14px
}

@media only screen and (max-width: 1023px) {
.company.store .main-content .other-store {
	padding: 25px 15px 25px
}
}

@media only screen and (max-width: 767px) {
.company.store .main-content .other-store {
	float: none;
	width: 100%;
	margin-left: 0
}
}
.company.store .main-content .other-store:nth-child(odd) {
	margin-left: 0
}
.company.store .main-content .other-store .image-area {
	float: left;
	width: 38.1%
}

@media only screen and (max-width: 767px) {
.company.store .main-content .other-store .image-area {
	float: none;
	width: 100%
}
}
.company.store .main-content .other-store .image-area__img {
	width: 100%
}
.company.store .main-content .other-store .content-area {
	float: right;
	width: 57.5%;
	padding-top: 0px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .other-store .content-area {
	float: none;
	width: 100%;
	padding: 14px 24px 0
}
}
.company.store .main-content .other-store .content-area .block {
	margin-bottom: 20px
}
.company.store .main-content .other-store .content-area .block:last-child {
	margin-bottom: 0
}
.company.store .main-content .other-store .content-area__name {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 31px;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin-bottom: 18px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .other-store .content-area__name {
	font-size: 20px;
	font-size: 2rem;
	line-height: 34px
}
}
.company.store .main-content .other-store .content-area__text-bold {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.025em
}
.company.store .main-content .other-store .content-area__text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 22px;
	letter-spacing: 0.025em;
	margin-top: 2px
}
.company.store .main-content .other-store .content-area__text.latin {
	font-size: 13px;
	font-size: 1.3rem
}
.company.store .main-content .other-store .to-homepage {
	display: block;
	background-color: #E2E4EA;
	position: relative;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 23px;
	padding: 6px 0 5px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .other-store .to-homepage {
	padding: 12px 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 26px
}
}
.company.store .main-content .other-store .to-homepage:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-moz-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	-o-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	border-top: 1px solid #0A0A0A;
	border-right: 1px solid #0A0A0A;
	width: 7px;
	height: 7px
}
.company.store .main-content .other-store .to-homepage:hover {
	opacity: 1;
	background: gray
}
.company.store .main-content .other-store .to-homepage .icon {
	margin-right: 10px
}

@media only screen and (max-width: 767px) {
.company.store .main-content .other-store .to-homepage .icon {
	width: 18px;
	height: 18px;
	vertical-align: middle
}
}


@media only screen and (max-width: 767px) {
.main-img .text.jpn {
	line-height: 38px
}
}
.strength-container {
	padding: 0 50px
}

@media only screen and (max-width: 767px) {
.strength-container {
	padding: 0
}
}
.strength-nav {
	margin-top: 75px
}

@media only screen and (max-width: 767px) {
.strength-nav {
	margin-top: 30px
}
}
.strength-nav__item {
	background: url("../img/strength/bg_circle.png") center/cover no-repeat;
	width: 22.1%;
	float: left;
	position: relative
}

@media only screen and (max-width: 767px) {
.strength-nav__item {
	width: 48.5%
}
}
.strength-nav__item::before {
	content: "";
	display: block;
	padding-top: 100%
}
.strength-nav__item:not(:first-child) {
	margin-left: 3.8%
}

@media only screen and (max-width: 767px) {
.strength-nav__item:not(:first-child) {
	margin-left: 0
}
}

@media only screen and (max-width: 767px) {
.strength-nav__item:nth-child(even) {
	margin-left: 3%
}
}

@media only screen and (max-width: 767px) {
.strength-nav__item:not(:nth-child(-n+2)) {
margin-top:25px
}
}
.strength-nav__item .number {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	z-index: 1;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-style: italic;
	font-weight: 100;
	color: #0062B5;
	font-size: 65px;
	line-height: 74px;
	letter-spacing: 0.05em
}

@media only screen and (max-width: 1023px) {
.strength-nav__item .number {
	font-size: 50px
}
}
.strength-nav__item .text {
	position: absolute;
	z-index: 1;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 100;
	font-size: 28px;
	line-height: 47px;
	color: #0062B5;
	margin-top: -32px
}

@media only screen and (max-width: 1023px) {
.strength-nav__item .text {
	font-size: 24px
}
}

@media only screen and (max-width: 767px) {
.strength-nav__item .text {
	font-size: 27px;
	line-height: 31px;
	margin-top: -25px
}
}

@media only screen and (max-width: 374px) {
.strength-nav__item .text {
	font-size: 24px
}
}
.strength-nav__item .text .jap {
	display: block;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: 0;
	color: #1C1C1C;
	margin-top: 0
}

@media only screen and (max-width: 1023px) {
.strength-nav__item .text .jap {
	margin-top: 0
}
}

@media only screen and (max-width: 767px) {
.strength-nav__item .text .jap {
	font-size: 15px;
	margin-top: 5px
}
}
.section-banner {
	max-width: 1290px;
	margin: 0 auto;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.section-banner {
	padding: 0
}
}
.section-banner .left {
	float: left;
	width: 50%
}

@media only screen and (max-width: 767px) {
.section-banner .left {
	float: none;
	width: 100%
}
}
.section-banner .right {
	width: 50%;
	float: right
}

@media only screen and (max-width: 767px) {
.section-banner .right {
	float: none;
	width: 100%
}
}
.section-banner .gradient-area {
	background-image: linear-gradient(to right, #3FA1E0, #81D6C6)
}

@media only screen and (max-width: 767px) {
.section-banner .gradient-area {
	height: 200px
}
}
.section-banner .gradient-area--top {
	background-image: linear-gradient(to top, #3FA1E0, #81D6C6)
}
.section-banner .gradient-area .text-cover {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center
}
.section-banner .gradient-area .text-cover .text-inner {
	display: table-cell;
	width: 100%;
	vertical-align: middle
}
.section-banner .gradient-area .text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	font-size: 70px;
	line-height: 92px;
	letter-spacing: 0.08em;
	font-weight: 100;
	margin-top: 15px
}

@media only screen and (max-width: 1023px) {
.section-banner .gradient-area .text {
	font-size: 56px;
	line-height: 70px
}
}

@media only screen and (max-width: 767px) {
.section-banner .gradient-area .text {
	font-size: 50px;
	line-height: 60px
}
}
.section-banner .gradient-area .text .jap {
	display: block;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 29px;
	line-height: 56px;
	letter-spacing: 0.15em
}

@media only screen and (max-width: 767px) {
.section-banner .gradient-area .text .jap {
	font-size: 20px;
	line-height: 36px
}
}
.section-banner .image-area {
	font-size: 0
}

@media only screen and (max-width: 767px) {
.section-banner .image-area img {
	width: 100%
}
}
.strength .main-content {
    margin-top: 130px;
    padding-bottom: 70px;
	background-image: linear-gradient(to right, #F0F0F0, #F0F0F0);
	background-repeat: no-repeat;
	background-position: 0 170px
}

@media only screen and (max-width: 1023px) {
.strength .main-content {
	background-position: 0 80px
}
}

@media only screen and (max-width: 767px) {
.strength .main-content {
	margin-top: 45px;
	padding-bottom: 40px
}
}
.strength .main-content.first {
	    margin-top: 75px;
}

@media only screen and (max-width: 767px) {
.strength .main-content.first {
	margin-top: 35px
}
}
.main-content__title {
	font-size: 30px;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 50px;
	margin-top: 60px
}

@media only screen and (max-width: 767px) {
.main-content__title {
	font-size: 24px;
	line-height: 41px;
	letter-spacing: 0.03em;
	margin-top: 25px
}
}
.main-content__text {
	max-width: 810px;
	padding: 0 15px;
	margin: 30px auto 40px;
	font-size: 16px;
	line-height: 36px;
	text-align: justify
}

@media only screen and (max-width: 767px) {
.main-content__text {
	margin: 25px auto 25px;
	line-height: 32px;
	margin-top: 15px
}
}
.strength .main-content .what-box {
	max-width: 970px;
	padding: 50px 15px;
	margin: auto;
	background-color: #fff;
	text-align: center
}

@media only screen and (max-width: 969px) {
.strength .main-content .what-box {
	width: 95%
}
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box {
	padding: 35px 22px
}
}
.strength .main-content .what-box .what-sub-title {
	font-size: 16px;
	letter-spacing: 0.06em;
	line-height: 20px;
	font-weight: bold;
	color: #1971BC
}
.strength .main-content .what-box .what-title {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	letter-spacing: 0.025em;
	line-height: 41px;
	color: #1971BC
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .what-title {
	line-height: 36px
}
}
.strength .main-content .what-box .what-text {
	margin-top: 22px;
	font-size: 15px;
	line-height: 27px
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .what-text {
	margin-top: 15px
}
}
.strength .main-content .what-box .btn-group {
	margin-top: 33px;
	font-size: 0
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .btn-group {
	margin-top: 22px
}
}
.strength .main-content .what-box .btn-group .btn-item {
	display: inline-block;
	max-width: 45%
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .btn-group .btn-item {
	max-width: none;
	width: 100%;
	display: block
}
}
.strength .main-content .what-box .btn-group .btn-item:not(:first-child) {
	margin-left: 20px
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .btn-group .btn-item:not(:first-child) {
	margin-left: 0;
	margin-top: 20px
}
}
.strength .main-content .what-box .btn-group--threecols .btn-item {
	max-width: 26.5%
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .btn-group--threecols .btn-item {
	max-width: none;
	width: 100%
}
}
.strength .main-content .what-box .btn-group--threecols .btn-item:not(:first-child) {
	margin-left: 2%
}

@media only screen and (max-width: 767px) {
.strength .main-content .what-box .btn-group--threecols .btn-item:not(:first-child) {
	margin-left: 0
}
}
.up {
--color: #084477;
--hover: #1f0877
}
.up2 {
--color: #006400;
--hover: #00644b
}
.up:hover, .up:focus, .up2:hover, .up2:focus {
	opacity: 1;
	box-shadow: inset 0 -100px 0 0 var(--hover)
}
.btnMoreComBox {
	text-align: center
}
.btnMoreComBox a {
	display: inline-block;
	color: #fff;
	width: 210px;
	position: relative;
	background: #1971BC;
	font-size: 14px;
	text-align: center;
	padding: 14px 15px 13px
}

@media only screen and (max-width: 767px) {
.btnMoreComBox a {
	font-size: 16px;
	max-width: 270px;
	width: 100%;
	padding: 19px 15px
}
}
.btnMoreComBox a:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px
}
.topBox1_slide {

	position: relative
}

@media only screen and (max-width: 767px) {
.topBox1_slide {
}
}
.topBox1_slide .bg-slide {

}
.topBox1_slide .bg-slide .bx-wrapper {

}
.topBox1_slide .bg-slide .bx-wrapper .bx-viewport {

}

@media only screen and (max-width: 767px) {
.topBox1_slide .bg-slide .bx-wrapper .bx-viewport {

}
}
.topBox1_slide .bg-slide .bx-wrapper .bx-viewport ul {
	-webkit-perspective: 1000;
}
/*.topBox1_slide .bg-slide .bx-wrapper .bx-viewport ul li {

	animation: slide 5000ms linear both
}*/
.topBox1_slide .bg-slide .bx-wrapper .bx-viewport ul li img{width:100%;}
@keyframes slide {
from {
transform:scale(1) rotate(0.001deg)
}
to {
transform:scale(1.08) rotate(0deg)
}
}
.topBox1_slide .bg-slide .bx-wrapper .bx-controls {

}
.topBox1_slide .bg-slide .bx-wrapper .bx-controls .bx-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px
}

@media only screen and (max-width: 767px) {
.topBox1_slide .bg-slide .bx-wrapper .bx-controls .bx-pager {
	bottom: 20px
}
}
.topBox1_slide .bg-slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
	padding: 0 3px
}
.topBox1_slide .bg-slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
	display: block;
	background-color: #fff;
	width: 40px;
	height: 6px;
	font-size: 0;
	color: transparent
}
.topBox1_slide .bg-slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
	background-color: #1971BC
}
.topBox1 {
	text-align: center;
	color: #fff;
	z-index: 2;
	text-shadow: 0 0 5px rgba(0,0,0,0.78);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}
.topBox1 .txt {
	margin-bottom: 10px;
	font-size: 75px;
	letter-spacing: 2px;
	line-height: 1;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300
}
.topBox1 .txt small {
	font-size: 50px;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	top: -10px
}

@media only screen and (max-width: 767px) {
.topBox1 .txt {
	font-size: 66px
}
.topBox1 .txt small {
	font-size: 44px;
	top: -5px
}
}
.topBox1 .ttlH1 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
.topBox1 .ttlH1 {
	line-height: 1.5;
	letter-spacing: 1px
}
}
.topBox6 {
	display: table;
	width: 100%;
	margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
.topBox6 {
	padding: 0 15px;
	display: block;
	margin-bottom: 65px
}
}
.topBox6 a {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	letter-spacing: 2px;
	height: 198px;
	color: #fff;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.topBox6 a .txt1 {
	display: inline-block
}
.topBox6 a .txt1 small {
	font-size: 16px;
	font-weight: 300;
	position: relative;
	display: inline-block;
	padding-left: 15px;
	top: -5px
}
.topBox6 a .icon {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0
}
.topBox6 a .icon img {
	display: block
}

@media only screen and (max-width: 767px) {
.topBox6 a {
	display: block;
	height: 99px;
	width: 100%;
	padding-top: 32px;
	font-size: 22px
}
.topBox6 a .txt1 small {
	font-size: 13px;
	top: -3px
}
.topBox6 a .icon img {
	width: 9px;
	height: 9px
}
}
.topBox6 .btnBox2 {
	background-image: linear-gradient(to right, #00A283, #8BDE5F)
}
.topBox6 .btnBox2 .txt1 {
	background: url(../img/top/icon_4.png) left center no-repeat;
	background-size: 28px 28px;
	padding-left: 55px
}

@media only screen and (max-width: 767px) {
.topBox6 .btnBox2 .txt1 {
	background: url(../img/top/icon_4.png) left center no-repeat;
	background-size: 21px 21px;
	padding-left: 35px
}
}
.topBox6 .btnBox1 {
	background-image: linear-gradient(to left, #0062B5, #7EBEFF)
}
.topBox6 .btnBox2 {
	background-image: linear-gradient(to left, #8ade5f, #01a283)
}

@media only screen and (max-width: 767px) {
.topBox6 .btnBox1 {
	margin-bottom: 15px
}
}
.topBox6 .btnBox1 .txt1 {
	background: url(../img/top/icon_3.png) left center no-repeat;
	background-size: 26px 28px;
	padding-left: 55px
}

@media only screen and (max-width: 767px) {
.topBox6 .btnBox1 .txt1 {
	background: url(../img/top/icon_3.png) left center no-repeat;
	background-size: 19px 21px;
	padding-left: 35px
}
}
.topBox7 {
	margin-bottom: 20px;
	background: url(../img/top/img_7_pc.png) top center no-repeat;
	background-size: cover;
	height: 495px;
	padding-top: 80px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

@media only screen and (max-width: 767px) {
.topBox7 {
	background: url(../img/top/img_7_sp.jpg) top center no-repeat;
	background-size: cover;
	min-height: 599px;
	height: auto;
	padding: 45px 15px 15px
}
}
.topBox7 .innerBox {
	max-width: 730px;
	margin: 0 auto
}
.topBox7 .innerBox .ttl {
	text-align: center;
	margin-bottom: 45px;
	font-size: 24px
}

@media only screen and (max-width: 767px) {
.topBox7 .innerBox .ttl {
	font-size: 22px;
	margin-bottom: 15px
}
}
.topBox7 .innerBox .txtBox {
	line-height: 2
}

@media only screen and (max-width: 767px) {
.topBox7 .innerBox .txtBox {
	font-size: 15px;
	line-height: 1.9
}
}
.topBox2 {
	margin-bottom: 85px;
	margin-top: -8px;
	background: url(../img/top/bg_2.png) top center no-repeat;
	background-size: cover;
	padding: 65px 15px 80px
}

@media only screen and (max-width: 767px) {
.topBox2 {
	margin-bottom: 35px;
	background: url(../img/top/bg_2_sp.jpg) top center no-repeat;
	background-size: cover;
	padding: 40px 15px 65px
}
}
.topBox2 .innerBox {
	max-width: 1260px;
	margin: 0 auto
}
.topBox2 .ttlMain {
	color: #fff;
	text-align: center;
	margin-bottom: 60px;
	font-size: 36px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 2px;
	line-height: 1.5
}
.topBox2 .ttlMain .txtSmall {
	display: block;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
.topBox2 .ttlMain {
	font-size: 35px;
	margin-bottom: 45px;
	line-height: 1.3
}
.topBox2 .ttlMain .txtSmall {
	font-size: 18px;
	margin-bottom: 10px
}
}
.topBox2 .listBox {
	font-size: 0;
	letter-spacing: 0
}
.topBox2 .listBox li {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.topBox2 .listBox li:nth-child(1) {
	padding-right: 10px
}
.topBox2 .listBox li:nth-child(2) {
	padding-left: 10px
}
.topBox2 .listBox li:nth-child(2) .box .ttl {
	padding-top: 10px
}
.topBox2 .listBox li:nth-child(2) .box .img {
	padding-top: 8px
}

@media only screen and (max-width: 767px) {
.topBox2 .listBox li {
	display: block;
	width: 100%
}
.topBox2 .listBox li:nth-child(1) {
	padding-right: 0;
	margin-bottom: 30px
}
.topBox2 .listBox li:nth-child(1) img {
	max-width: 125px
}
.topBox2 .listBox li:nth-child(2) {
	padding-left: 0
}
.topBox2 .listBox li:nth-child(2) .box .ttl {
	padding-top: 0
}
.topBox2 .listBox li:nth-child(2) .box .img {
	padding-top: 0
}
.topBox2 .listBox li:nth-child(2) .box .img img {
	max-width: 138px
}
}
.topBox2 .box {
	background: #fff;
	padding: 70px 75px 55px
}

@media only screen and (max-width: 1160px) {
.topBox2 .box {
	padding: 60px 40px 40px
}
}

@media only screen and (max-width: 767px) {
.topBox2 .box {
	padding: 40px 37px
}
}
.topBox2 .box .img img {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.topBox2 .box .img {
	margin-bottom: 15px
}
}
.topBox2 .box .ttl {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6
}

@media only screen and (max-width: 767px) {
.topBox2 .box .ttl {
	margin-bottom: 10px;
	text-align: center
}
}
.topBox2 .box .txtBox {
	font-size: 14px;
	line-height: 24px
}
.topBox2 .box .box-cover {
	margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
.topBox2 .box .box-cover {
	margin-bottom: 20px
}
}
.topBox2 .box .left {
	float: left;
	width: 37.5%
}

@media only screen and (max-width: 767px) {
.topBox2 .box .left {
	float: none;
	width: 100%
}
}
.topBox2 .box .right {
	float: right;
	width: 55%
}

@media only screen and (max-width: 767px) {
.topBox2 .box .right {
	float: none;
	width: 100%
}
}
.topBox3 {
	padding: 0 15px;
	margin-bottom: 65px
}

@media only screen and (max-width: 767px) {
.topBox3 {
	margin-bottom: 55px;
	padding: 0 35px
}
}
.topBox3 .innerBox {
	max-width: 1060px;
	margin: 0 auto
}
.topBox3 .innerBox .txt {
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 10px;
	letter-spacing: 2px;
	color: #1C1C1C
}

@media only screen and (max-width: 767px) {
.topBox3 .innerBox .txt {
	font-size: 18px;
	left: 1
}
}
.topBox3 .innerBox .ttl {
	font-size: 36px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: left
}

@media only screen and (max-width: 767px) {
.topBox3 .innerBox .ttl {
	float: none;
	line-height: 1.3;
	letter-spacing: 0;
	font-size: 35px
}
}

@media only screen and (max-width: 370px) {
.topBox3 .innerBox .ttl {
	font-size: 28px
}
}
.topBox3 .innerBox .btnMore {
	float: right;
	margin-top: 10px
}

@media only screen and (max-width: 767px) {
.topBox3 .innerBox .btnMore {
	float: none;
	margin-top: 0
}
}
.topBox3 .innerBox .btnMore a {
	display: inline-block;
	width: 106px;
	font-size: 13px;
	text-align: center;
	padding: 6px;
	position: relative;
	color: #1C1C1C;
	background: #E2E4EA;
	padding-right: 15px
}
.topBox3 .innerBox .btnMore a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 5px;
	height: 5px;
	border-top: 1px solid #1C1C1C;
	border-right: 1px solid #1C1C1C;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px
}
.topBox4 {
	position: relative;
	margin-bottom: 60px
}

@media only screen and (max-width: 767px) {
.topBox4 {
	margin-bottom: 35px;
	padding: 0 15px
}
}
.topBox4:before {
	content: "";
	position: absolute;
	left: 0;
	top: 55px;
	width: 100%;
	height: 240px;
	background-image: linear-gradient(to right, #3FA1E0, #81D6C6)
}

@media only screen and (max-width: 960px) {
.topBox4:before {
	height: 190px
}
}

@media only screen and (max-width: 767px) {
.topBox4:before {
	width: 158px;
	height: calc(100% - 80px);
	background-image: linear-gradient(to bottom, #3FA1E0, #81D6C6);
	top: 40px
}
}

@media only screen and (max-width: 370px) {
.topBox4:before {
	width: 140px
}
}
.topBox4 .innerBox {
	max-width: 1280px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
	position: relative
}
.topBox4 .innerBox li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 10px
}
.topBox4 .innerBox li:nth-child(odd) {
	padding-top: 50px
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 38px
}
.topBox4 .innerBox li:nth-child(odd) {
	padding-top: 0
}
.topBox4 .innerBox li:last-child {
	margin-bottom: 0
}
}
.topBox4 .innerBox li .box {
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li .box {
	display: table;
	width: 100%
}
}
.topBox4 .innerBox li .box:hover {
	opacity: 0.7
}
.topBox4 .innerBox li .box .img {
	margin-bottom: 20px
}
.topBox4 .innerBox li .box .img img {
	display: block;
	width: 100%
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li .box .img {
	display: table-cell;
	width: 52%
}
}
.topBox4 .innerBox li .box .txtNum {
	font-size: 111px;
	color: #1971BC;
	font-weight: 300;
	font-style: italic;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: -40px;
	left: 35px
}

@media only screen and (max-width: 960px) {
.topBox4 .innerBox li .box .txtNum {
	font-size: 80px
}
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li .box .txtNum {
	font-size: 72px;
	top: -25px;
	left: 20px
}
}
.topBox4 .innerBox li .box .ttl {
	font-size: 38px;
	line-height: 45px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #1971BC;
	font-weight: 100;
	letter-spacing: 0.05em
}

@media only screen and (max-width: 1023px) {
.topBox4 .innerBox li .box .ttl {
	font-size: 32px
}
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li .box .ttl {
	font-size: 35px;
	line-height: 41px;
	letter-spacing: 0.02em
}
}
.topBox4 .innerBox li .box .ttl .txtColor {
	display: block;
	color: #1C1C1C;
	font-size: 18px;
	line-height: 35px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li .box .ttl .txtColor {
	letter-spacing: 0;
	font-size: 18px;
	line-height: 25px
}
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li .box .ttl {
	display: table-cell;
	width: 48%;
	padding-left: 25px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1.5
}
}

@media only screen and (max-width: 370px) {
.topBox4 .innerBox li .box .ttl {
	padding-left: 15px;
	font-size: 18px
}
}
.topBox4 .innerBox li:nth-child(2) .box .txtNum {
	top: -28px;
	left: 37px
}
.topBox4 .innerBox li:nth-child(4) .box .txtNum {
	top: -28px;
	left: 50px
}

@media only screen and (max-width: 767px) {
.topBox4 .innerBox li:nth-child(4) .box .txtNum {
	left: 30px
}
}
.topBox5 {
	padding: 80px 15px 30px;
	background: url(../img/top/bg1.png) -20px top no-repeat;
	margin-bottom: 90px;
	min-height: 430px
}

@media only screen and (max-width: 767px) {
.topBox5 {
	min-height: 0;
	padding: 80px 15px 30px;
	background: url(../img/top/bg1.png) top right no-repeat;
	margin-bottom: 60px;
	background-size: 203px 222px;
	padding: 50px 15px 0
}
}
.topBox5 .innerBox {
	max-width: 1060px;
	margin: 0 auto
}
.topBox5 .leftBox {
	float: left;
	width: 32.5%;
	margin-top: -15px
}

@media only screen and (max-width: 767px) {
.topBox5 .leftBox {
	float: none;
	width: 100%;
	padding: 0 35px;
	margin-bottom: 75px;
	margin-top: 0
}
}
.topBox5 .leftBox .txt {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 2px;
	color: #1C1C1C
}

@media only screen and (max-width: 767px) {
.topBox5 .leftBox .txt {
	font-size: 18px;
	left: 1;
	margin-bottom: 10px
}
}
.topBox5 .leftBox .ttl {
	font-size: 36px;
	letter-spacing: 2px;
	margin-bottom: 45px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
.topBox5 .leftBox .ttl {
	line-height: 1.3;
	letter-spacing: 0;
	font-size: 35px;
	margin-bottom: 30px
}
}
.topBox5 .leftBox .btnMore a {
	display: inline-block;
	width: 106px;
	font-size: 13px;
	text-align: center;
	padding: 6px;
	position: relative;
	color: #1C1C1C;
	background: #E2E4EA;
	padding-right: 15px
}
.topBox5 .leftBox .btnMore a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 5px;
	height: 5px;
	border-top: 1px solid #1C1C1C;
	border-right: 1px solid #1C1C1C;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px
}
.topBox5 .rightBox {
	overflow: hidden
}
.topBox5 .rightBox li {
	margin-bottom: 30px;
	line-height: 1
}
.topBox5 .rightBox li:last-child {
	margin-bottom: 0
}
.topBox5 .rightBox .txtDate {
	display: inline-block;
	padding-right: 20px;
	font-weight: 300;
	vertical-align: middle;
	width:110px;
}

@media only screen and (max-width: 767px) {
.topBox5 .rightBox .txtDate {
	float: none;
	padding-right: 10px
}
}
.topBox5 .rightBox .txtCate {
	font-size: 12px;
	color: #fff;
	line-height: 1;
	text-align: center;
	background: #1971BC;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 0 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.topBox5 .rightBox .txtCate {
	float: none
}
}
.topBox5 .rightBox .ttlPost {
	display: inline-block;
	padding-left: 10px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	width: 60%
}

@media only screen and (max-width: 767px) {
.topBox5 .rightBox .ttlPost {
	white-space: unset;
	font-size: 15px;
	margin-top: 5px;
	line-height: 1.7;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	padding-left: 0;
	width: 100%;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}
}
select, input[type='text'], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}
select::-ms-expand, .hid_url {
display:none
}
::-webkit-input-placeholder {
color:#b1b1b1;
font-size:14px
}
::-moz-placeholder {
color:#b1b1b1;
font-size:14px
}
:-ms-input-placeholder {
color:#b1b1b1;
font-size:14px
}
:-moz-placeholder {
color:#b1b1b1;
font-size:14px
}
.tableContact select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000
}
.tableContact select::-ms-expand {
display:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
-webkit-box-shadow:0 0 0px 1000px #fff inset;
transition:background-color 5000s ease-in-out 0s
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.headSubBox.bgIndusOffer {
	background: url(../img/industry-offer/img_head_pc.jpg) center no-repeat;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.headSubBox {
	margin-bottom: 25px;
	height: auto
}
.headSubBox.bgIndusOffer {
	background: none
}
.headSubBox .img {
	position: relative
}
.headSubBox .img img {
	display: block;
	width: 100%;
	min-height: 156px
}
}
.headSubBox.headSubBoxStep2 {
	height: 200px;
	background: #1971BC
}
.headSubBox.headSubBoxStep2 .txtBox {
	padding-top: 50px
}
.headSubBox.headSubBoxStep2 .txtBox .ttl {
	font-size: 35px;
	line-height: 1.5
}

@media only screen and (max-width: 767px) {
.headSubBox.headSubBoxStep2 {
	height: 156px;
	background: #1971BC;
	margin-bottom: 37px
}
.headSubBox.headSubBoxStep2 .txtBox {
	padding-top: 30px;
	position: static;
	margin-top: 0
}
.headSubBox.headSubBoxStep2 .txtBox .ttl {
	font-size: 32px
}
}
.headSubBox.bgVacuumOffer {
	background: url(../img/vacuum-offer/img_head_pc.jpg) center no-repeat;
	background-size: cover
}

@media only screen and (max-width: 767px) {
.headSubBox {
	margin-bottom: 25px;
	height: auto
}
.headSubBox.bgVacuumOffer {
	background: none
}
.headSubBox.bgVacuumOffer .txtBox {
	top: 42%
}
.headSubBox.bgVacuumOffer .ttl {
	line-height: 1.2
}
.headSubBox .img {
	position: relative
}
.headSubBox .img img {
	display: block;
	width: 100%;
	min-height: 156px
}
}
#vacuum-offer .footer {
	display: none
}
#vacuum-offer .txtCopyContact {
	font-size: 10px;
	color: #fff;
	background: #0A0A0A;
	padding: 20px 15px;
	text-align: center
}
.vacuumOffBox1 {
	padding: 45px 15px 40px;
	background: #D0E6F4;
	text-align: center;
	margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox1 {
	padding: 40px 15px
}
}
.vacuumOffBox1 .ttl {
	font-size: 36px;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.vacuumOffBox1 .ttl span {
	display: block;
	font-size: 15px;
	font-weight: 300
}

@media only screen and (max-width: 767px) {
.vacuumOffBox1 .ttl {
	line-height: 1.3;
	font-size: 35px
}
.vacuumOffBox1 .ttl span {
	margin-bottom: 10px
}
}

@media only screen and (max-width: 360px) {
.vacuumOffBox1 .ttl {
	font-size: 32px;
	letter-spacing: 0
}
}
.vacuumOffBox2 {
	padding: 40px 15px 60px;
	background: #D0E6F4;
	margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox2 {
	padding: 35px 15px
}
}
.vacuumOffBox2 .innerBox {
	max-width: 860px;
	margin: 0 auto
}
.vacuumOffBox2 .imgBox {
	float: left;
	width: 317px
}
.vacuumOffBox2 .imgBox .txt {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.vacuumOffBox2 .imgBox img {
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 767px) {
.vacuumOffBox2 .imgBox {
	float: none;
	width: 100%
}
.vacuumOffBox2 .imgBox .txt {
	font-size: 26px
}
}
.vacuumOffBox2 .txtBox {
	overflow: hidden;
	padding-top: 35px;
	padding-left: 80px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox2 .txtBox {
	padding-left: 20px;
	padding-top: 30px
}
}
.vacuumOffBox2 .txtBox .box {
	background: #fff;
	padding: 23px 15px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 15px;
	font-size: 17px
}
.vacuumOffBox2 .txtBox .box:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 820px) {
.vacuumOffBox2 .txtBox .box {
	font-size: 15px;
	padding: 20px 10px
}
}

@media only screen and (max-width: 767px) {
.vacuumOffBox2 .txtBox .box {
	font-size: 16px;
	text-align: left;
	margin-bottom: 12px;
	padding: 20px 15px
}
}
.vacuumOffBox2 .txtBox .box .icon1 {
	position: absolute;
	left: -18px;
	top: 12px
}
.vacuumOffBox2 .txtBox .box .icon2 {
	position: absolute;
	right: -18px;
	top: 12px
}
.hid_url {
	display: none
}
.vacuumOffBox3 .imgBox {
	float: right;
	font-size: 0;
	text-align: right
}
.vacuumOffBox3 .imgBox img {
	display: inline-block
}
.vacuumOffBox3 .imgBox .txt {
	padding-left: 60px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox3 .imgBox {
	float: none;
	text-align: center
}
.vacuumOffBox3 .imgBox .txt {
	padding-left: 0
}
}
.vacuumOffBox3 .txtBox {
	padding-left: 0;
	padding-right: 80px;
	padding-top: 10px;
	padding: 10px 80px 0 0
}

@media only screen and (max-width: 767px) {
.vacuumOffBox3 .txtBox {
	padding: 30px 0 0 20px
}
.vacuumOffBox3 .txtBox .icon2 {
	position: absolute;
	left: -18px;
	top: 12px
}
}
.vacuumOffBox4 {
	text-align: center;
	padding: 38px 15px;
	font-size: 30px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #D0E6F4;
	margin-bottom: 65px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox4 {
	margin-bottom: 20px;
	font-size: 24px;
	padding: 25px 15px;
	line-height: 1.5
}
}
.vacuumOffBox5 {
	margin-bottom: 65px;
	padding: 0 15px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 {
	margin-bottom: 25px
}
}
.vacuumOffBox5 .brnBox {
	max-width: 935px;
	margin: 0 auto;
	background: url(../img/industry-offer/bg.png) top left no-repeat;
	background-size: cover;
	padding: 15px 35px;
	position: relative;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 .brnBox {
	background: none;
	background-image: linear-gradient(to left, #3FA1E0, #81D6C6);
	padding: 25px 0 25px 15px
}
}
.vacuumOffBox5 .brnBox:hover {
	opacity: 0.7
}
.vacuumOffBox5 .brnBox .img {
	float: left
}
.vacuumOffBox5 .brnBox .img img {
	display: block
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 .brnBox .img {
	max-width: 144px;
	padding-top: 20px
}
}
.vacuumOffBox5 .brnBox .txtBox {
	overflow: hidden;
	position: relative;
	padding-left: 45px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: bold;
	padding-top: 30px
}

@media only screen and (max-width: 820px) {
.vacuumOffBox5 .brnBox .txtBox {
	padding-left: 30px
}
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 .brnBox .txtBox {
	padding-left: 15px;
	padding-top: 0
}
}
.vacuumOffBox5 .brnBox .txtBox .txt1 {
	font-size: 22px
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 .brnBox .txtBox .txt1 {
	font-size: 15px
}
}

@media only screen and (max-width: 350px) {
.vacuumOffBox5 .brnBox .txtBox .txt1 {
	font-size: 13px
}
}
.vacuumOffBox5 .brnBox .txtBox .txt2 {
	font-size: 37px;
	line-height: 1.3
}

@media only screen and (max-width: 820px) {
.vacuumOffBox5 .brnBox .txtBox .txt2 {
	font-size: 35px
}
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 .brnBox .txtBox .txt2 {
	font-size: 28px
}
}

@media only screen and (max-width: 350px) {
.vacuumOffBox5 .brnBox .txtBox .txt2 {
	font-size: 24px
}
}
.vacuumOffBox5 .brnBox .txtBox:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 62px;
	width: 20px;
	height: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media only screen and (max-width: 767px) {
.vacuumOffBox5 .brnBox .txtBox:after {
	top: 45px;
	width: 12px;
	height: 12px;
	right: 20px
}
}
.frmContactVacuum .formBox {
	max-width: 962px
}
.frmContactVacuum .frmContenBox {
	max-width: 840px;
	margin: 0 auto
}
.frmContactVacuum .frmContenBox .ttlStep1 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-bottom: 30px;
	background: #1971BC;
	padding: 10px
}
.frmContactVacuum .frmContenBox .tblContact {
	border-top: 0
}
.frmContactVacuum .frmContenBox .tblContactOption {
	margin-bottom: 70px
}
.frmContactVacuum .frmContenBox .tblContactOption .chkradio label:after {
	background: #1971BC
}
.frmContactVacuum .frmContenBox .tableContactStep3 {
	margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
.frmContactVacuum .frmContenBox .tableContactStep3 {
	margin-bottom: 10px
}
.frmContactVacuum .frmContenBox .tableContactStep3 tr:first-child {
	padding-top: 0;
	border-top: 0
}
}
.frmContactVacuum .frmContenBox .controlBox .btnBox2 {
	margin-bottom: 85px
}
.frmVacuumThx {
	max-width: 962px
}
.vacuum .main-img {
	background-image: url("../../images/img/vacuum/mainimg.jpg")
}

@media only screen and (max-width: 767px) {
.vacuum .main-img {
	background-image: url("../../images/img/vacuum/mainimg_sp.jpg")
}
}
.vacuum .main-content {
	margin: 85px 0 180px
}

@media only screen and (max-width: 767px) {
.vacuum .main-content {
	margin: 9px 0 43px
}
}
.vacuum .vacuum-item {
	margin-top: 80px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item {
	margin-top: 30px
}
}
.vacuum .vacuum-item:first-child {
	margin-top: 0
}
.vacuum .vacuum-item .name-bg {
	background-image: linear-gradient(to right, #7EBEFF, #0062B5)
}
.vacuum .vacuum-item .item-name {
	display: table;
	width: 100%;
	position: relative
}
.vacuum .vacuum-item .item-name__vertically {
	width: 100%;
	display: table-cell;
	vertical-align: middle
}
.vacuum .vacuum-item .item-name__text {
	font-size: 22px;
	font-size: 2.2rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 37px;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
	padding: 14px 0 13px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .item-name__text {
	padding: 10px 0 9px
}
}
.vacuum .vacuum-item .img-cover img {
	display: block;
	width: 100%
}
.vacuum .vacuum-item .content-wrapper {
	background-color: #F0F0F0;
	padding: 40px 72px 60px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .content-wrapper {
	padding: 17px 17px 40px
}
}
.vacuum .vacuum-item .table-cover {
	margin-top: 29px;
	border: 1px solid #A0A0A0;
	overflow-x: auto
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .table-cover {
	margin-top: 19px
}
.vacuum .vacuum-item .table-cover::-webkit-scrollbar {
-webkit-appearance:none
}
.vacuum .vacuum-item .table-cover::-webkit-scrollbar:horizontal {
height:20px
}
.vacuum .vacuum-item .table-cover::-webkit-scrollbar-thumb {
background-color:#656565;
border-radius:10px
}
.vacuum .vacuum-item .table-cover::-webkit-scrollbar-track {
border-top:1px solid #ACACAC;
border-right:1px solid #ACACAC;
background-color:#D2D2D2
}
}
.vacuum .vacuum-item .table-content {
	background-color: #fff
}

@media only screen and (max-width: 1023px) {
.vacuum .vacuum-item .table-content {
	width: 840px
}
}
.vacuum .vacuum-item .table-content thead {
	background-color: #656565
}
.vacuum .vacuum-item .table-content thead th {
	color: #fff;
	line-height: 37px;
	text-align: center;
	padding: 4px 0 3px;
	border-left: 1px solid #BFBFBF;
	font-weight: bold
}
.vacuum .vacuum-item .table-content thead th:first-child {
	border-left: none
}
.vacuum .vacuum-item .table-content tbody tr:first-child td {
	border-top: none
}
.vacuum .vacuum-item .table-content tbody td {
	text-align: center;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	padding: 14px 0 13px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .table-content tbody td {
	padding: 13px 0 12px;
	font-size: 13px;
	font-size: 1.3rem
}
}
.vacuum .vacuum-item .table-content tbody td:first-child {
	background-color: #E0EFFC;
	text-align: left;
	border-left: none;
	padding-left: 20px;
	width: 265px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .table-content tbody td:first-child {
	width: 235px
}
}
.vacuum .vacuum-item .table-content.w162 thead th {
	line-height: 21px;
	padding: 12px 0 11px
}
.vacuum .vacuum-item .table-content.w162 thead th span {
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 13px;
	font-size: 1.3rem
}

@media only screen and (max-width: 1044px) {
.vacuum .vacuum-item .table-content.w162 thead th span {
	font-size: 12px;
	font-size: 1.2rem
}
}
.vacuum .vacuum-item .table-content.w162 tbody td {
	vertical-align: middle;
	line-height: 21px;
	height: 52px;
	padding: 0;
	width: 185px
}
.vacuum .vacuum-item .table-content.w162 tbody td:first-child {
	width: 162px;
	padding-left: 20px
}
.vacuum .vacuum-item .text-after-table {
	margin-top: 20px
}
.vacuum .vacuum-item .text-after-table p {
	font-size: 15px;
	font-size: 1.1rem;
	line-height: 28px
}
.vacuum .vacuum-item .btn-cover {
	margin: 56px auto 0;
	text-align: center;
	width: 546px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .btn-cover {
	width: 84%;
	margin-top: 35px
}
}
.vacuum .vacuum-item .btn-cover .vacuum-btn {
	display: inline-block;
	width: 264px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: 0.04em;
	position: relative
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .btn-cover .vacuum-btn {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}
}
.vacuum .vacuum-item .btn-cover .vacuum-btn:after {
	position: absolute;
	top: 50%
}
.vacuum .vacuum-item .btn-cover .expand-content {
	float: left;
	background-color: #fff;
	border: 1px solid #BFBFBF;
	padding: 17px 0;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .btn-cover .expand-content {
	float: none
}
}
.vacuum .vacuum-item .btn-cover .expand-content:after {
	right: 30px;
	content: "+";
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.vacuum .vacuum-item .btn-cover .expand-content:hover {
	opacity: 0.7
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .btn-cover .expand-content:hover {
	opacity: 1
}
}
.vacuum .vacuum-item .btn-cover .expand-content.is-actived {
	background-color: #0A0A0A;
	border: none;
	color: #fff
}
.vacuum .vacuum-item .btn-cover .expand-content.is-actived:after {
	content: "";
	width: 9px;
	height: 1px;
	background-color: #fff
}
.vacuum .vacuum-item .btn-cover .to-vacuum-form {
	float: right;
	background-color: #1971BC;
	color: #fff;
	padding: 18px 0
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .btn-cover .to-vacuum-form {
	float: none;
	margin-bottom: 13px
}
}
.vacuum .vacuum-item .btn-cover .to-vacuum-form:after {
	content: "";
	right: 22px;
	border-top: 1px solid;
	border-right: 1px solid;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	-o-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	width: 7px;
	height: 7px
}
.vacuum .vacuum-item .hidden-content {
	display: none;
	background-color: #F0F0F0;
	margin-top: 6px;
	padding: 55px 22px 20px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content {
	padding: 25px 0 0
}
}
.vacuum .vacuum-item .hidden-content .hidden-content-wrapper {
	padding: 0 100px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content .hidden-content-wrapper {
	padding: 0 24px
}
}
.vacuum .vacuum-item .hidden-content__large-text {
	position: relative;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 31px;
	letter-spacing: 0.025em;
	padding-left: 27px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content__large-text {
	padding-left: 25px
}
}
.vacuum .vacuum-item .hidden-content__large-text:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 12px;
	height: 4px;
	background-color: #1971BC
}
.vacuum .vacuum-item .hidden-content__text {
	line-height: 27px;
	padding-left: 30px;
	margin-top: 10px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content__text {
	padding-left: 0;
	margin-top: 15px
}
}
.vacuum .vacuum-item .hidden-content__list {
	margin-top: 13px;
	padding-left: 30px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content__list {
	padding-left: 0
}
}
.vacuum .vacuum-item .hidden-content__list li {
	padding-left: 15px;
	position: relative;
	margin-top: 13px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content__list li {
	margin-top: 10px
}
}
.vacuum .vacuum-item .hidden-content__list li:first-child {
	margin-top: 0
}
.vacuum .vacuum-item .hidden-content__list li:after {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 9px;
	left: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #1971BC
}
.vacuum .vacuum-item .hidden-content .close-expand {
	width: 100%;
	display: block;
	background-color: #ccc;
	text-align: center;
	margin-top: 60px;
	padding: 17px 0 16px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content .close-expand {
	margin-top: 32px;
	padding: 11px 0 10px
}
}
.vacuum .vacuum-item .hidden-content .close-expand:before {
	content: "";
	border-top: 1px solid;
	border-left: 1px solid;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content .close-expand:before {
	width: 7px;
	height: 7px;
	margin-right: 15px
}
}
.vacuum .vacuum-item .hidden-content .close-expand:hover {
	opacity: 0.7
}

@media only screen and (max-width: 767px) {
.vacuum .vacuum-item .hidden-content .close-expand:hover {
	opacity: 1
}
}

/*# sourceMappingURL=maps/style.css.map */